:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f7f5;background:#07120f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{place-items:center;min-height:100vh;padding:32px;display:grid}.shell{width:min(980px,100%)}.eyebrow{color:#6ce5ad;letter-spacing:.18em;font-size:12px;font-weight:800}h1{max-width:680px;margin:12px 0;font-size:clamp(42px,7vw,76px);line-height:.98}.summary{color:#a7b9b1;max-width:640px;font-size:18px;line-height:1.6}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:44px;display:grid}article,.module-link{background:#0d1c17;border:1px solid #24463a;border-radius:18px;min-height:150px;padding:22px}article span,.module-link span{color:#6ce5ad;font-size:12px}article h2,.module-link h2{margin-top:44px}.module-link{color:inherit;text-decoration:none}.module-link.active{background:#10271f;border-color:#3b9f78}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.contacts-page{min-height:100vh;padding:32px clamp(20px,4vw,64px) 64px;display:block}.topbar{justify-content:space-between;align-items:end;max-width:1440px;margin:0 auto 30px;display:flex}.topbar h1{margin:4px 0 0;font-size:clamp(38px,5vw,64px)}.topbar a{color:#bcd0c7;text-decoration:none}.session-actions{color:#91a69d;align-items:center;gap:16px;font-size:13px;display:flex}.contact-layout{grid-template-columns:minmax(340px,.78fr) minmax(480px,1.22fr);align-items:start;gap:24px;max-width:1440px;margin:0 auto;display:grid}.contact-form,.contact-list-panel{background:#0d1c17;border:1px solid #24463a;border-radius:20px;padding:24px}.section-heading,.list-meta,.contact-card,.contact-card-main,.contact-card-side,.search-row{align-items:center;display:flex}.section-heading,.list-meta,.contact-card{justify-content:space-between}.section-heading{margin-bottom:22px}.section-heading h2{margin:3px 0 0}.section-kicker{color:#6ce5ad;text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:12px}.contact-form label{color:#a7b9b1;gap:7px;margin-bottom:14px;font-size:13px;display:grid}.field-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}input,select,textarea{color:#f3f7f5;background:#07120f;border:1px solid #29483d;border-radius:10px;outline:none;width:100%;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#6ce5ad;box-shadow:0 0 0 3px #6ce5ad1a}textarea{resize:vertical}.primary-button,.search-row button{color:#07120f;cursor:pointer;background:#6ce5ad;border:0;border-radius:10px;padding:12px 18px;font-weight:800}.primary-button{width:100%}.primary-button:disabled{opacity:.55;cursor:wait}.text-button,.contact-card button{color:#6ce5ad;cursor:pointer;background:0 0;border:0}.form-error{color:#ff9f9f;background:#a028282e;border-radius:9px;padding:10px;font-size:13px}.agent-setup{border:1px dashed #29483d;border-radius:10px;margin:-3px 0 15px;padding:12px}.agent-fields{grid-template-columns:1fr 1fr 1fr auto;gap:8px;margin-top:10px;display:grid}.agent-fields button{color:#dff8ed;cursor:pointer;background:#24463a;border:0;border-radius:9px;padding:0 14px}.search-row{gap:10px}.list-meta{color:#839b90;padding:18px 2px 10px;font-size:13px}.contact-list{gap:10px;display:grid}.contact-card{background:#0a1713;min-height:auto;padding:15px}.contact-card-main,.contact-card-side{gap:12px}.contact-avatar{color:#6ce5ad;background:#17392d;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.contact-card h3{margin:0 0 5px;font-size:16px}.contact-card p{color:#91a69d;margin:0;font-size:13px}.contact-card-side{color:#91a69d;font-size:13px}.empty-state{text-align:center;color:#839b90;padding:50px 10px}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#0d1c17;border:1px solid #24463a;border-radius:20px;width:min(420px,100%);padding:32px}.login-card h1{margin:8px 0;font-size:44px}.login-card>p:not(.eyebrow,.form-error){color:#91a69d;margin:0 0 28px}.login-card label{color:#a7b9b1;gap:7px;margin:14px 0;font-size:13px;display:grid}@media (max-width:900px){.contact-layout{grid-template-columns:1fr}}@media (max-width:560px){.contacts-page{padding:20px 14px 40px}.field-grid,.agent-fields{grid-template-columns:1fr}.agent-fields button{padding:11px}.contact-card{align-items:flex-start;gap:12px}.contact-card-side{flex-direction:column;align-items:flex-end}}
