/* SYNTH account system — account hub, existing secure login, existing client dashboard */
:root{--acct-bg:#060b1d;--acct-blue:#86dfff;--acct-violet:#c1a2ff;--acct-white:#eff5ff;--acct-muted:#adbee2}
*{box-sizing:border-box}
html:has(body.synth-account-hub),html:has(body.synth-dashboard),html:has(body.client-auth-page){background:#060b1d!important;color-scheme:dark}
body.synth-account-hub,body.synth-dashboard,body.client-auth-page{margin:0!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 92% 0%,#35206b88,transparent 38%),radial-gradient(circle at 6% 58%,#083c716b,transparent 38%),#060b1d!important;color:#ecf4ff!important;min-width:320px;overflow-x:clip}
body.synth-account-hub [hidden],body.synth-dashboard [hidden],body.client-auth-page [hidden]{display:none!important}
body.synth-account-hub a:focus-visible,body.synth-account-hub button:focus-visible,body.synth-dashboard a:focus-visible,body.synth-dashboard button:focus-visible,body.synth-dashboard input:focus-visible,body.synth-dashboard textarea:focus-visible,body.client-auth-page input:focus-visible,body.client-auth-page button:focus-visible{outline:2px solid #9ee6ff;outline-offset:3px}
.acct-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 10% 10%,#aabfff 99%,transparent),radial-gradient(1px 1px at 80% 40%,#d4b5ff 99%,transparent);background-size:350px 400px;opacity:.2}
.acct-ribbon{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1210px)/2));color:#bbcafa;font-size:9px;letter-spacing:.15em;font-weight:800;background:linear-gradient(90deg,#101e48,#2d1b5d);border-bottom:1px solid #9ba8fb50}
.acct-header{position:sticky;top:0;z-index:30;background:#080e26e9;border-bottom:1px solid #8ca3ff38;backdrop-filter:blur(20px);min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 max(20px,calc((100% - 1210px)/2))}
.acct-brand{color:#f4f7ff;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:15px;letter-spacing:.11em;font-weight:800;white-space:nowrap}
.acct-brand>b{display:grid;place-items:center;height:40px;width:40px;border:1px solid #b4c7ff9a;background:radial-gradient(circle at 20% 10%,#5dadff88,transparent 64%),#111833;border-radius:12px;color:#bde5ff;font-size:23px;font-style:italic}
.acct-brand strong{color:#c7a6ff}.acct-brand small{display:block;font-size:7px;color:#829aca;letter-spacing:.2em;margin-top:4px}
.acct-header nav{display:flex;align-items:center;gap:27px}.acct-header nav a{color:#b6c6e4;text-decoration:none;font-size:12px;font-weight:730}.acct-header nav a:hover{color:#91e4ff}
#acctLang{border:1px solid #8e9efa81;border-radius:12px;background:#192351d8;color:#e8efff;min-height:39px;padding:10px 13px;font-size:11px;font-weight:800;white-space:nowrap}
.acct-main{width:min(calc(100% - 48px),1210px);margin:auto;padding:50px 0 90px}
.acct-hero{min-height:465px;display:grid;grid-template-columns:57% 43%;border:1px solid #9fa7ff8f;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#1c2856e9,#19143be6);box-shadow:0 25px 72px #02041bb2,inset 0 1px 0 #d8ddff3d}
.acct-hero-copy{padding:65px 20px 47px 62px;position:relative;z-index:2}
.acct-eyebrow{font-size:10px;letter-spacing:.18em;color:#91ddff;margin:0 0 18px;font-weight:800}
.acct-hero h1{font-size:clamp(46px,5.5vw,77px);line-height:1.06;letter-spacing:-.055em;margin:0 0 20px;color:#f3f7ff}
.acct-hero h1 em{font-style:normal;background:linear-gradient(110deg,#8edfff,#c4adff 63%,#dc96f9);background-clip:text;-webkit-background-clip:text;color:transparent}
.acct-hero-copy>p:not(.acct-eyebrow){font-size:15px;line-height:1.8;color:#c7d3f0;max-width:490px;margin:0 0 26px}
.acct-hero-state{min-height:45px;color:#b4c9e6;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.acct-load-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#7cddff;box-shadow:0 0 15px #47c7ff;flex:0 0 9px}
.acct-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.acct-btn{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;text-decoration:none;padding:12px 16px;font-size:12px;font-weight:770;cursor:pointer}.acct-btn.primary{background:linear-gradient(115deg,#8554ed,#3a7cfa);border:1px solid #a7aeff9e;color:white;box-shadow:0 9px 26px #3f5ffa52}.acct-btn.secondary{background:#14224bdc;border:1px solid #94a7fa7d;color:#ebf3ff}
.acct-art{min-width:0;position:relative;overflow:hidden;background:#141e48}.acct-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}.acct-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1b1d46a3,transparent 70%),linear-gradient(0deg,#060d319c,transparent 65%)}
.acct-frost-card{position:absolute;z-index:2;bottom:25px;left:25px;right:25px;padding:18px 22px;display:flex;flex-direction:column;gap:8px;border:1px solid #adbaff95;border-radius:20px;background:#15214bca;backdrop-filter:blur(18px)}.acct-frost-card span{font-size:9px;letter-spacing:.16em;color:#9bc5ff}.acct-frost-card strong{font-size:15px}.acct-frost-card small{color:#93a9d3;letter-spacing:.12em;font-size:8px}
.acct-tools,.acct-projects{margin-top:64px}.acct-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.acct-head h2{font-size:clamp(29px,4vw,48px);letter-spacing:-.045em;line-height:1.15;margin:0}.acct-head>a{color:#a4e5ff;text-decoration:none;font-size:12px;font-weight:700}
.acct-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.acct-tile{display:flex;flex-direction:column;min-height:290px;padding:24px 20px;position:relative;overflow:hidden;border:1px solid #9ca9fa68;border-radius:24px;background:linear-gradient(135deg,#16254ceb,#231843e9);box-shadow:inset 0 1px 0 #eef1ff23,0 12px 35px #0006;color:#f4f7ff;text-decoration:none;transition:transform .2s,border-color .2s}
.acct-tile:hover{transform:translateY(-5px);border-color:#abcbffb6}.acct-tile>span{display:flex;justify-content:space-between;color:#a9bee2;font-size:9px;letter-spacing:.14em;font-weight:700}.acct-tile>span i{font-size:18px;color:#c1dcff;font-style:normal}.acct-tile-icon{width:67px;height:67px;margin:33px 0 25px;display:grid;place-items:center;border-radius:20px;font-size:31px;color:#94e2ff;background:#294b9061;border:1px solid #a6bbff6d;box-shadow:0 0 25px #577be237}
.acct-tile h3{font-size:20px;letter-spacing:-.025em;margin:0 0 9px}.acct-tile p{color:#b0c1e2;font-size:11px;line-height:1.65;margin:0}
.acct-project-status{color:#a7bbde;font-size:12px;line-height:1.6}.acct-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.acct-request{background:linear-gradient(115deg,#142953,#241b4b);border:1px solid #9ba5f36e;border-radius:19px;padding:20px;overflow-wrap:anywhere}.acct-request small{color:#93dcff;letter-spacing:.11em;font-size:9px}.acct-request h3{font-size:18px;color:#eef5ff}.acct-request span{display:inline-block;padding:6px 10px;border:1px solid #9aa7ff75;color:#c1d8f7;font-size:11px;border-radius:20px}
.acct-trust{margin-top:45px;font-size:11px;color:#92a8cf;line-height:1.85;border-left:2px solid #7bd7ff7c;padding-left:16px}
.acct-footer{border-top:1px solid #879dee4d;background:#080d26;padding:28px max(22px,calc((100% - 1210px)/2));display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;color:#8fa4ca;font-size:10px}.acct-footer nav{display:flex;gap:20px;flex-wrap:wrap}.acct-footer a{color:#c2d4ed;text-decoration:none}.acct-dock{display:none}

/* Login: keep the existing passwordless + passkey forms and logic */
body.client-auth-page .noise{display:none!important}
body.client-auth-page .auth-shell{width:min(calc(100% - 40px),530px);padding:54px 0 70px}
body.client-auth-page .auth-top{margin-bottom:36px}
body.client-auth-page .auth-brand{color:#f6faff!important}
body.client-auth-page .brand-text{color:#f3f7ff!important;font-size:17px;letter-spacing:.11em}
body.client-auth-page .brand-text b{color:#c6a5ff!important;font-size:10px}
body.client-auth-page .auth-brand img{filter:drop-shadow(0 0 18px #6688ff90)}
body.client-auth-page .lang-toggle{background:#18244f!important;color:#eaf2ff!important;border:1px solid #93a5ee80!important;border-radius:12px!important}
body.client-auth-page .auth-card{background:linear-gradient(135deg,#192753f5,#201743f7)!important;border:1px solid #a5a9ff88!important;box-shadow:0 18px 65px #02021aa3,inset 0 1px 0 #d9d8ff37!important;border-radius:29px;padding:42px}
body.client-auth-page .auth-card:before{background:linear-gradient(90deg,#7be6ff,#aa82ff)!important;width:65px}
body.client-auth-page .section-kicker{color:#8edfff!important;font-size:10px;letter-spacing:.19em}
body.client-auth-page .auth-card h1{font-family:Inter,system-ui,sans-serif!important;color:#f3f7ff!important;font-weight:810!important;font-size:clamp(37px,6vw,53px)!important;letter-spacing:-.05em}
body.client-auth-page .auth-sub{color:#bacbeb!important;font-size:14px;line-height:1.8}
body.client-auth-page input{background:#0b1636!important;border:1px solid #9daef080!important;border-radius:14px;color:#f5f8ff!important;font-size:16px}
body.client-auth-page input::placeholder{color:#a5b6d7!important}
body.client-auth-page .btn-primary{background:linear-gradient(120deg,#8655ed,#3b7ef8)!important;color:#fff!important;border:1px solid #b0adff!important;box-shadow:0 12px 28px #4a65ec66}
body.client-auth-page .btn-ghost{background:#152349c9!important;border:1px solid #93a9ec80!important;color:#e4f1ff!important}
body.client-auth-page .auth-msg{color:#a9f3db;font-size:13px}body.client-auth-page .auth-msg.error{color:#ffb3bb!important}
body.client-auth-page .auth-home{color:#b5c8ef!important}
body.client-auth-page .auth-home:hover{color:#8cdeff!important}

/* Authenticated dashboard: preserve real data, comments, files, approval, AI */
body.synth-dashboard .noise{display:none!important}
body.synth-dashboard .site-header{position:sticky!important;top:0;z-index:30;background:#090f2bea!important;border-bottom:1px solid #94a6ef5d!important;min-height:76px;backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;padding:13px clamp(15px,3vw,45px);gap:10px}
body.synth-dashboard .site-header .brand{color:#f2f5ff!important;text-decoration:none;display:flex;align-items:center;gap:11px}
body.synth-dashboard .site-header .brand-mark{color:#bde7ff!important;border:1px solid #b5baff83;background:#14214a!important;border-radius:12px;padding:9px 13px}
body.synth-dashboard .site-header .brand-text{color:#f1f7ff!important;font-size:15px;font-weight:800;letter-spacing:.09em}body.synth-dashboard .site-header .brand-text b{color:#bf9dff!important}
body.synth-dashboard .site-header .header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}body.synth-dashboard .site-header .client-login-link,body.synth-dashboard .site-header .synth-dashboard-link{color:#b7caef!important;font-size:12px;text-decoration:none;font-weight:750}
body.synth-dashboard .site-header .lang-toggle{background:#17234e!important;border:1px solid #a0b3f780!important;border-radius:13px;color:#e5efff!important;padding:10px 13px;min-height:40px;font-weight:750}
body.synth-dashboard .dashboard-shell{max-width:1150px;margin:auto;padding:50px 25px 90px}
body.synth-dashboard .dashboard-top{position:relative;padding:38px clamp(18px,5vw,44px)!important;border:1px solid #9da8ff78;border-radius:27px;background:radial-gradient(circle at 85% 20%,#663cbb5f,transparent 50%),linear-gradient(115deg,#1b2958ea,#171a43ed);box-shadow:0 18px 48px #0007}
body.synth-dashboard .dashboard-top h1,body.synth-dashboard .market-heading h2{color:#f2f6ff!important;font-size:clamp(37px,5vw,59px);letter-spacing:-.045em}
body.synth-dashboard .dashboard-top p,body.synth-dashboard .market-heading p{color:#b6c9e7!important}
body.synth-dashboard .section-kicker{color:#8fddff!important;font-size:10px;letter-spacing:.17em;font-weight:800}
body.synth-dashboard .client-actions .request-box,body.synth-dashboard .client-project-card,body.synth-dashboard .client-empty,body.synth-dashboard #selectionBox{background:linear-gradient(125deg,#172651ee,#1e1941ed)!important;border:1px solid #9aa8f879!important;border-radius:23px!important;box-shadow:0 10px 35px #0006!important;color:#f0f5ff!important}
body.synth-dashboard .client-actions .request-box{transition:transform .2s,border-color .2s}body.synth-dashboard .client-actions .request-box:hover{transform:translateY(-3px);border-color:#bfd8ff!important}
body.synth-dashboard .client-actions .request-box h2,body.synth-dashboard .client-actions .request-box p{color:#f4f7ff!important}
body.synth-dashboard .client-actions .request-box p{color:#acbee0!important}
body.synth-dashboard .dashboard-list,body.synth-dashboard #requests{color:#e9f3ff!important}
body.synth-dashboard .client-project-card .project-head h3,body.synth-dashboard .client-project-card h3{color:#f4f6ff!important}
body.synth-dashboard .client-project-card .project-type{color:#8addff!important}
body.synth-dashboard .project-reference,body.synth-dashboard .client-project-card time,body.synth-dashboard .original-description small,body.synth-dashboard .comment small{color:#9aaed6!important}
body.synth-dashboard .client-status{background:#273c69!important;color:#cde3ff!important;border:1px solid #88b3f46a}
body.synth-dashboard .client-status.building{background:#2c2b73!important;color:#c8c3ff!important}
body.synth-dashboard .client-status.done{background:#174d46!important;color:#9bf6d7!important}
body.synth-dashboard .original-description,body.synth-dashboard .commentbox,body.synth-dashboard .comment{border-color:#97a6eb47!important}
body.synth-dashboard .original-description p,body.synth-dashboard .comment p,body.synth-dashboard .commentbox,body.synth-dashboard .filelist{color:#c9d8f0!important}
body.synth-dashboard .commentform textarea,body.synth-dashboard textarea,body.synth-dashboard .upload-file-label{background:#0a1635!important;border:1px solid #96a7ed82!important;color:#eff5ff!important;border-radius:12px!important}
body.synth-dashboard textarea::placeholder{color:#a5b9d8!important}
body.synth-dashboard .commentform button,body.synth-dashboard .upload-form button{background:linear-gradient(110deg,#7d4ce7,#3d7bf5)!important;color:#fff!important;border:1px solid #adb8ff!important;border-radius:12px!important;cursor:pointer}
body.synth-dashboard .building-message{background:#203860!important;color:#c4e3ff!important}
body.synth-dashboard #buxyAppReturn{background:#192c5d!important;border:1px solid #9cb4ff!important;color:#bee4ff!important}
body.synth-dashboard #buxyAppDock{background:#151c41f7!important;border:1px solid #a4b5f394!important}
body.synth-dashboard #buxyAppDock a.active{color:#9bddff!important}
body.synth-dashboard .ai-architect{border-radius:18px}
body.synth-dashboard .ai-architect p{color:#cfdcf4!important}
body.synth-dashboard .btn.btn-primary{background:linear-gradient(105deg,#8555f1,#3b7ffa)!important;border:1px solid #a8bcff!important;color:#fff!important}
body.synth-dashboard .dashboard-shell .market-heading h2{color:#eef5ff!important}
.synth-dashboard-dock{display:none}
@media(max-width:980px){.acct-header nav{gap:13px}.acct-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.acct-hero-copy{padding-left:35px}.acct-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.synth-dashboard-link{display:none}}
@media(max-width:730px){
 .acct-ribbon{justify-content:center}.acct-ribbon>span:last-child{display:none}
 .acct-header{min-height:65px;padding:0 17px}.acct-header nav{display:none}.acct-brand{font-size:13px}.acct-brand>b{width:36px;height:36px}
 .acct-main{width:calc(100% - 26px);padding:24px 0 70px}
 .acct-hero{grid-template-columns:1fr;border-radius:25px}
 .acct-hero-copy{padding:36px 20px 15px}.acct-hero h1{font-size:clamp(44px,10vw,61px)}
 .acct-hero-copy>p:not(.acct-eyebrow){font-size:13px;margin-bottom:18px}
 .acct-art{min-height:210px}.acct-art>img{object-position:70% center}.acct-frost-card{right:18px;left:18px;bottom:12px;padding:12px 15px}
 .acct-tools,.acct-projects{margin-top:48px}.acct-head h2{font-size:31px}
 .acct-grid{gap:10px}.acct-tile{min-height:215px;padding:16px 13px;border-radius:19px}.acct-tile>span{font-size:8px}
 .acct-tile-icon{height:50px;width:50px;border-radius:16px;margin:18px 0 15px;font-size:25px}
 .acct-tile h3{font-size:17px}.acct-tile p{font-size:10px}
 .acct-project-grid{grid-template-columns:1fr}
 .acct-footer{padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))}
 .acct-dock{position:fixed;z-index:35;display:flex;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);justify-content:space-around;align-items:center;width:min(calc(100% - 22px),420px);min-height:68px;padding:8px;background:#151c42ed;border:1px solid #a0baff92;border-radius:21px;backdrop-filter:blur(20px);box-shadow:0 15px 43px #000b}
 .acct-dock a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;flex:1;min-width:0;color:#9db0d1;font-size:9px;text-decoration:none;font-weight:700}.acct-dock a.active{color:#9ce4ff}.acct-dock b{font-size:23px;line-height:25px}.acct-dock-ai{transform:translateY(-6px)}.acct-dock-ai b{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 28% 20%,#d4ffff,#56cbff 24%,#4176f9 47%,#9b39d5 72%,#1a1443 88%);display:grid;place-items:center;box-shadow:0 0 14px #7399ff;color:#ecffff}
 body.client-auth-page .auth-shell{padding:25px 0 40px}body.client-auth-page .auth-card{padding:29px 23px}body.client-auth-page .auth-card h1{font-size:40px!important}
 body.synth-dashboard .site-header{padding:10px 13px;min-height:65px}
 body.synth-dashboard .site-header .header-actions{gap:6px}
 body.synth-dashboard .site-header .client-login-link{display:none}
 body.synth-dashboard .site-header .brand-text{font-size:12px}
 body.synth-dashboard .dashboard-shell{padding:18px 13px 120px}
 body.synth-dashboard .dashboard-top{padding:25px 19px!important}
 body.synth-dashboard .dashboard-top h1{font-size:35px}
 body.synth-dashboard .client-actions .request-box h2{font-size:19px!important}
 body.synth-dashboard .client-actions .request-box p{font-size:12px!important}
 .synth-dashboard-dock{position:fixed;z-index:40;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;align-items:center;justify-content:space-around;width:min(calc(100% - 22px),420px);min-height:68px;background:#151d45f2;backdrop-filter:blur(19px);border:1px solid #a6b1ff88;border-radius:21px;box-shadow:0 14px 45px #000a}
 .synth-dashboard-dock a{text-decoration:none;color:#aabbda;font-size:10px;display:flex;align-items:center;flex-direction:column;gap:3px}.synth-dashboard-dock a b{font-size:23px;font-weight:500}.synth-dashboard-dock a.active{color:#95e1ff}
 .synth-dashboard-dock a.ai b{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#52c5ff,#9252eb);color:white;transform:translateY(-4px)}
 body.synth-dashboard.buxy-from-app .synth-dashboard-dock{display:none}
}
@media(max-width:380px){.acct-tile{min-height:225px}.acct-tile h3{font-size:15px}body.synth-dashboard .site-header .brand-text{display:none}body.synth-dashboard .site-header .header-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Navigation belongs to website header, not Android app dock. */
.acct-dock,.synth-dashboard-dock{display:none!important}
.acct-header-actions{display:flex;align-items:center;gap:9px}
#acctMenuToggle{display:none;min-width:42px;min-height:40px;align-items:center;justify-content:center;border:1px solid #a0b0fa77;border-radius:12px;background:#19234c;color:#eaf5ff;font-size:21px;cursor:pointer}
.acct-mobile-nav{display:none}
@media(max-width:1150px){.acct-header>nav{display:none!important}#acctMenuToggle{display:flex}.acct-mobile-nav{display:flex;position:fixed;z-index:40;top:76px;left:12px;right:12px;flex-direction:column;padding:14px;border-radius:20px;border:1px solid #a4b4ff80;background:#151f49f7;backdrop-filter:blur(24px);box-shadow:0 20px 65px #000b;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .2s,transform .2s}.acct-mobile-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.acct-mobile-nav a{display:block;min-height:40px;padding:10px;color:#dce9ff;text-decoration:none;border-bottom:1px solid #b3c2ff24;font-size:13px}.acct-mobile-nav a:last-child{border-bottom:0}}
@media(max-width:730px){.acct-mobile-nav{top:65px}.acct-footer{padding-bottom:46px!important}}
@media(max-width:360px){.acct-header{padding:0 9px!important;gap:4px!important}.acct-brand{gap:6px;font-size:11px}.acct-brand>b{width:33px;height:33px}.acct-header-actions{gap:5px}#acctLang{padding:9px;font-size:10px}#acctMenuToggle{min-width:36px}}