:root{--ink:#243531;--muted:#6c7a75;--paper:#f8f5ef;--olive:#50685d;--sage:#b8c8b5;--gold:#b8874a;--coral:#cb765d;--line:#e5dfd4;--white:#fffdfa}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer;border:0}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-hero{padding:60px 8vw;background:linear-gradient(150deg,#2a443c,#50685d);color:#fbf8f0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.auth-hero:after{content:'◌';font:700 540px/1 'Playfair Display';position:absolute;right:-150px;bottom:-215px;opacity:.07}.brand{font-weight:700;letter-spacing:.2em;font-size:18px}.hero-copy{max-width:560px;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:var(--gold)}h1,h2,h3{font-family:'Playfair Display',serif;margin:0}.hero-copy h1{font-size:clamp(43px,5vw,70px);line-height:1.06;margin:16px 0 24px}.hero-copy p{font-size:18px;line-height:1.65;opacity:.9}.hero-foot{font-size:13px;opacity:.65;z-index:1}.auth-panel{display:flex;align-items:center;justify-content:center;padding:36px}.login{width:min(390px,100%)}.login h2{font-size:36px;margin:14px 0 8px}.login>p{color:var(--muted);line-height:1.55;margin-bottom:28px}.field{display:grid;gap:7px;margin:15px 0}.field label{font-size:13px;font-weight:700}.field input,.field select{border:1px solid var(--line);border-radius:9px;background:#fff;padding:13px;outline-color:var(--olive)}.btn{background:var(--olive);color:white;padding:14px 20px;border-radius:9px;font-weight:700;transition:.2s}.btn:hover{filter:brightness(.92);transform:translateY(-1px)}.btn.full{width:100%;margin-top:8px}.hint{font-size:12px;color:var(--muted);text-align:center;margin-top:18px}.hint b{color:var(--olive)}
.shell{display:flex;min-height:100vh}.side{width:244px;background:#263c35;color:#e8ede7;padding:28px 17px;display:flex;flex-direction:column;position:fixed;height:100vh}.side .brand{padding:0 10px;margin-bottom:55px}.nav{display:grid;gap:5px}.nav button{background:none;color:#b9c8bf;text-align:left;padding:12px 11px;border-radius:7px;font-size:14px}.nav button.active,.nav button:hover{background:#3e574d;color:white}.side-bottom{margin-top:auto;color:#aabbb0;font-size:12px;padding:10px}.signout{color:#e8ede7;background:none;padding:8px 0;margin-top:8px}.auth-panel .signout{color:#35594d;font-weight:700;padding:12px 4px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.auth-panel .signout:hover,.auth-panel .signout:focus-visible{color:#1f3d34;background:#e8efe9;border-radius:8px}.content{margin-left:244px;width:calc(100% - 244px);padding:38px 5vw}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.top h1{font-size:32px}.welcome{color:var(--muted);margin:5px 0 0}.avatar{width:43px;height:43px;border-radius:50%;background:var(--sage);display:grid;place-items:center;font-weight:700}.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.card{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:25px}.card h2{font-size:23px}.card p{line-height:1.6;color:var(--muted)}.test-card{background:linear-gradient(125deg,#f2e7d2,#fdfaf4);border-color:#e6d5ba;position:relative;overflow:hidden}.test-card:after{content:'◐';position:absolute;font:250px/1 serif;color:#b8874a;opacity:.1;right:-35px;bottom:-80px}.test-card>*{position:relative;z-index:1}.tag{font-size:11px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;color:var(--gold)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.metric{padding:18px;background:#f5f6f1;border-radius:10px}.metric b{display:block;font-family:'Playfair Display';font-size:25px}.metric span{font-size:12px;color:var(--muted)}.section-title{margin:38px 0 15px;display:flex;justify-content:space-between;align-items:center}.locked{opacity:.62;filter:saturate(.7)}.test-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mini{padding:18px}.mini h3{font-size:19px}.mini .lock{float:right;color:var(--gold)}
.onboarding,.assessment{max-width:760px;margin:0 auto}.steps{display:flex;gap:8px;margin:24px 0 35px}.step{height:4px;border-radius:3px;background:#dfe5dc;flex:1}.step.on{background:var(--gold)}.form-card{padding:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .wide{grid-column:span 2}.note{background:#eef2ec;border-left:3px solid var(--sage);font-size:13px;line-height:1.55;padding:13px;margin:22px 0}.question-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.progress{height:7px;background:#e5e9e1;border-radius:10px;margin:14px 0 42px}.progress i{display:block;height:100%;background:var(--gold);border-radius:10px}.question-area{padding:46px 10px 22px}.question-area h2{font-size:clamp(28px,4vw,42px);line-height:1.25;max-width:680px}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:43px 0 14px}.scale button{aspect-ratio:1;border-radius:9px;background:#f0f2ed;color:var(--olive);font-weight:700;font-size:19px}.scale button:hover,.scale button.selected{background:var(--olive);color:#fff}.scale-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.next{display:flex;justify-content:flex-end;margin-top:35px}.result-hero{background:#2c453b;color:white;border-radius:14px;padding:34px;position:relative;overflow:hidden}.result-hero:after{content:'A';position:absolute;right:20px;bottom:-85px;font:230px 'Playfair Display';opacity:.08}.result-hero p{color:#d9e1dc;max-width:600px}.result-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;margin-top:22px}.bars{display:grid;gap:16px;margin-top:20px}.bar-row{display:grid;grid-template-columns:26px 1fr 37px;align-items:center;gap:10px;font-weight:700}.bar{height:9px;background:#edf0eb;border-radius:10px}.bar i{display:block;height:100%;background:var(--gold);border-radius:10px}.archetypes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.arch{padding:16px;border-radius:9px;background:#f2f4ef}.arch b{font-family:'Playfair Display';font-size:20px;display:block}.disclaimer{font-size:12px;color:var(--muted);margin-top:28px;line-height:1.5}.admin-table{width:100%;border-collapse:collapse;margin-top:17px}.admin-table th,.admin-table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);font-size:14px}.admin-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.status{color:#42745c;background:#e7f1e8;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:700}@media(max-width:800px){.auth{grid-template-columns:1fr}.auth-hero{min-height:360px;padding:36px}.auth-panel{padding:42px 22px}.shell{display:block;min-height:100dvh}.side{inset:auto 0 0 0;width:100%;height:auto;min-height:64px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:1000;border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -8px 24px rgba(20,35,29,.18)}.side .brand,.side-bottom{display:none}.nav{display:flex;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav::-webkit-scrollbar{display:none}.nav button{flex:1 0 76px;min-height:48px;padding:8px 7px;text-align:center;font-size:11px;line-height:1.15;border-radius:9px;white-space:normal;touch-action:manipulation}.nav button:first-letter{font-size:inherit}.content{margin-left:0;width:100%;padding:24px 18px calc(92px + env(safe-area-inset-bottom))}.top{align-items:flex-start;gap:14px}.top h1{font-size:28px}.grid,.result-layout{grid-template-columns:1fr}.test-list{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.scale{gap:5px}.card{padding:20px}}


