*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f5f7fb;color:#162033}a{color:inherit;text-decoration:none}.topbar{height:72px;background:#0c1020;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:50;box-shadow:0 5px 20px #0002}.brand-logo{display:flex;flex-direction:column;font-weight:800;font-size:21px}.brand-logo small{font-size:10px;color:#9da7c0;font-weight:500}.nav{display:flex;align-items:center;gap:22px;font-size:14px}.nav a:hover{color:#a9b8ff}.container{width:min(1180px,92%);margin:0 auto;padding:30px 0 60px}.hero{padding:80px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;margin:0 0 20px}.hero p{font-size:18px;color:#647087;line-height:1.7}.gradient{background:linear-gradient(120deg,#6657ff,#d946ef);-webkit-background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:13px 20px;background:#6657ff;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #6657ff33}.btn:hover{transform:translateY(-1px)}.btn-secondary{background:#fff;color:#182033;border:1px solid #dfe4ee;box-shadow:none}.btn-danger{background:#dc3545}.btn-small{padding:9px 14px}.actions{display:flex;gap:12px;flex-wrap:wrap}.card{background:#fff;border:1px solid #e7eaf1;border-radius:18px;padding:22px;box-shadow:0 8px 30px #18203308}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;padding:20px;border-radius:16px;border:1px solid #e8ebf2}.stat b{font-size:28px;display:block;margin-top:8px}.muted{color:#707b90}.small{font-size:13px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef0ff;color:#5144df;font-size:12px;font-weight:700}.verified{background:#e9fbf2;color:#087f48}.locked{filter:blur(5px);user-select:none}.form{max-width:650px;margin:auto}.field{margin-bottom:15px}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #dfe4ee;border-radius:10px;background:#fff;outline:none}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6657ff;box-shadow:0 0 0 3px #6657ff14}.alert{padding:13px 16px;border-radius:10px;margin-bottom:18px;background:#eef0ff;color:#3f36a8}.alert.success{background:#e9fbf2;color:#087f48}.alert.warning{background:#fff6df;color:#815b00}.alert.error{background:#ffe9ec;color:#a51d31}.table-wrap{overflow:auto;background:#fff;border:1px solid #e7eaf1;border-radius:16px}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid #edf0f5;font-size:14px}.table th{background:#fafbfe}.profile-card{text-align:left}.avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;background:#eceffd;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#6657ff}.profile-head{display:flex;gap:15px;align-items:center}.searchbar{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:10px;margin-bottom:20px}.pricing{display:grid;grid-template-columns:repeat(2,1fr);max-width:800px;margin:30px auto}.price-card{position:relative}.price{font-size:40px;font-weight:900;margin:10px 0}.feature-list{padding-left:18px;line-height:2}.chat{display:grid;grid-template-columns:320px 1fr;min-height:620px}.chat-list{border-right:1px solid #e5e8ef}.chat-item{padding:15px;border-bottom:1px solid #edf0f5}.messages{padding:20px;display:flex;flex-direction:column;gap:10px}.msg{max-width:70%;padding:10px 13px;border-radius:14px;background:#f0f2f7}.msg.mine{margin-left:auto;background:#6657ff;color:#fff}.chat-form{display:flex;gap:10px;margin-top:auto}.chat-form input{flex:1}.footer{padding:30px 5%;background:#0c1020;color:#b9c0d0;display:flex;justify-content:space-between;gap:20px;font-size:13px}.section{padding:50px 0}.center{text-align:center}.kicker{text-transform:uppercase;letter-spacing:.15em;color:#6657ff;font-size:12px;font-weight:800}.empty{padding:50px;text-align:center;color:#778198}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.admin-nav a{padding:9px 12px;background:#fff;border:1px solid #e5e8ef;border-radius:9px;font-size:13px}.checkbox{display:flex;gap:8px;align-items:center}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media(max-width:800px){.hero,.two-col,.chat{grid-template-columns:1fr}.grid,.grid-2,.pricing{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.searchbar{grid-template-columns:1fr}.nav{gap:10px}.nav a:not(.btn){display:none}.footer{flex-direction:column}.chat-list{border-right:0;border-bottom:1px solid #e5e8ef}.chat{min-height:500px}}

/* V2 polish */
h1,h2,h3{letter-spacing:-.02em}.card{transition:transform .18s ease,box-shadow .18s ease}.card:hover{box-shadow:0 12px 36px #18203312}.btn{transition:transform .18s ease,box-shadow .18s ease}.btn:focus-visible,.nav a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6657ff33;outline-offset:2px}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.messages{overflow-y:auto;max-height:540px;scroll-behavior:smooth}.msg small{display:block;opacity:.65;font-size:10px;margin-top:4px}.kpi{font-size:12px;color:#778198;text-transform:uppercase;letter-spacing:.08em;font-weight:800}


/* Role-based onboarding */
.onboarding-shell{max-width:1100px;margin:40px auto 80px}.onboarding-hero{text-align:center;max-width:760px;margin:0 auto 28px}.onboarding-hero h1{font-size:42px;line-height:1.08;margin:8px 0 14px}.role-switch{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 auto 18px}.role-card{appearance:none;text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:18px;padding:20px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:.2s}.role-card strong{font-size:18px}.role-card span{color:#64748b}.role-card.active{border-color:#6d4aff;box-shadow:0 0 0 3px rgba(109,74,255,.10);background:#faf9ff}.onboarding-form{display:flex;flex-direction:column;gap:16px}.onboard-section{background:#fff;border:1px solid #e6e9f0;border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(15,23,42,.04)}.section-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.section-heading>span{width:34px;height:34px;border-radius:10px;background:#f0edff;color:#6547ff;display:grid;place-items:center;font-weight:800}.section-heading h2{margin:0 0 4px}.section-heading p{margin:0;color:#64748b}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field.full{grid-column:1/-1}.field label{display:block;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;box-sizing:border-box}.field textarea{min-height:110px;resize:vertical}.hidden{display:none!important}.onboarding-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;background:#0b1020;color:#fff;border-radius:18px}.onboarding-submit p{margin:4px 0 0}.onboarding-submit .btn{white-space:nowrap}.profile-next{margin-top:20px;padding:15px 18px;border:1px dashed #d8dce8;border-radius:14px;background:#fafbff;display:flex;gap:12px;align-items:center}.profile-next span{color:#64748b}.form-grid .field input:focus,.form-grid .field select:focus,.form-grid .field textarea:focus{border-color:#6d4aff;box-shadow:0 0 0 3px rgba(109,74,255,.10)}
@media(max-width:700px){.onboarding-hero h1{font-size:32px}.role-switch,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.onboarding-submit{flex-direction:column;align-items:stretch}.onboarding-submit .btn{width:100%}.onboard-section{padding:20px}.profile-next{flex-direction:column;align-items:flex-start}}