@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap');:root{--sdai-bg:#020617;--sdai-bg-soft:#061126;--sdai-primary:#22bdf4;--sdai-blue:#2563eb;--sdai-gold:#d7a84b;--navy:var(--sdai-bg);--blue:var(--sdai-blue);--bg:#f5f7fb;--ink:#172033;--muted:#687386;--line:#e3e8f0;--green:#2f9b6a;--orange:#df9131;--red:#cf4b5a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}.shell{display:flex;min-height:100vh}.side{width:245px;position:fixed;inset:0 auto 0 0;background:var(--navy);padding:24px 15px;color:#dce6f7;display:flex;flex-direction:column;gap:24px}.brand{display:flex;gap:9px;align-items:center;font-size:18px;font-weight:800}.mark{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#4773f5}.nav{display:grid;gap:5px}.nav button,.logout{color:#c9d4e7;border:0;background:transparent;text-align:left;border-radius:8px;padding:11px 12px;font-weight:650}.nav button:hover,.nav button.active,.logout:hover{background:#2a3854;color:#fff}.logout{margin-top:auto;border:1px solid #405071}.main{margin-left:245px;width:calc(100% - 245px);padding:30px;max-width:1600px}.top{display:flex;align-items:center;justify-content:space-between;gap:15px}.top h1{font-size:27px;margin:0}.muted{color:var(--muted);margin:5px 0}.view{display:none}.view.active{display:block}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.metric,.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.metric span{color:var(--muted);font-size:12px;font-weight:700}.metric b{display:block;font-size:26px;margin-top:8px}.panel{margin-top:22px}.panel h2{font-size:16px;margin:0 0 14px}.grid-form{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px}.grid-form input,.grid-form select,.grid-form textarea,.editor input,.editor select,.editor textarea,.login input{width:100%;border:1px solid #d9e0ea;border-radius:8px;padding:9px;background:#fff}.grid-form textarea{min-height:70px}.primary{border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:750;padding:10px 13px;cursor:pointer}.primary:hover{background:#2f5ce4}.board{display:grid;grid-template-columns:repeat(7,minmax(210px,1fr));gap:13px;align-items:start;overflow:auto;padding-bottom:8px}.stage{background:#edf1f6;border-radius:12px;padding:11px;min-height:290px}.stage-head{display:flex;gap:7px;align-items:center;margin:2px 1px 11px}.stage-head h3{font-size:13px;margin:0;flex:1}.pill{font-size:11px;background:#dae1ec;border-radius:30px;padding:3px 8px}.opp-list{display:grid;gap:9px;min-height:200px}.opp-list.over{outline:2px dashed #7899ef;outline-offset:3px;border-radius:8px}.opp{background:white;border:1px solid #e0e6ee;border-radius:9px;padding:11px;cursor:grab}.opp strong{font-size:13px}.opp small{display:block;color:#738095;font-size:11px;margin-top:5px}.money{font-size:12px;color:#287a58;font-weight:750;margin-top:8px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{border-bottom:1px solid var(--line);padding:11px;text-align:left}.table th{font-size:11px;text-transform:uppercase;color:#697386}.table tr:last-child td{border:0}.form-title{display:flex;justify-content:space-between;align-items:center}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login{background:#fff;width:min(100%,390px);padding:31px;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 45px #1e2d4917}.login h1{font-size:24px;margin:25px 0 5px}.login p{color:var(--muted)}.login form{display:grid;gap:13px}.login label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#58647a}.mobile{display:none}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-form{grid-template-columns:1fr 1fr}.side{transform:translateX(-100%);z-index:10;transition:.2s}.side.open{transform:translateX(0)}.main{margin-left:0;width:100%;padding:18px}.mobile{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:18px}}@media(max-width:540px){.metrics,.grid-form{grid-template-columns:1fr}.top h1{font-size:22px}}.brand,.top h1,.login h1,.panel h2{font-family:Sora,Inter,sans-serif}.side{background:linear-gradient(180deg,var(--sdai-bg) 0%,var(--sdai-bg-soft) 100%)}.mark{background:linear-gradient(135deg,var(--sdai-primary),var(--sdai-blue));box-shadow:0 0 16px rgba(34,189,244,.22)}.primary{background:linear-gradient(135deg,#0ea5e9,var(--sdai-blue));box-shadow:0 8px 20px rgba(37,99,235,.16)}.primary:hover{background:linear-gradient(135deg,#22bdf4,#2563eb)}.side:before{content:'SDAI TRUST FRAMEWORK™';font-size:9px;letter-spacing:.15em;color:rgba(148,163,184,.54);padding:0 12px;margin-top:-10px}.top h1{letter-spacing:-.025em}.login{border-top:2px solid var(--sdai-primary)}
.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.user-card{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;gap:11px;align-items:flex-start}.user-card.inactive{opacity:.58;background:#f5f6f8}.user-card small,.user-card span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.user-avatar{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:#dfe9ff;color:#2559cb;font-size:12px;font-weight:800}.user-card details{margin-top:9px}.user-card summary{color:var(--sdai-blue);font-size:12px;font-weight:700;cursor:pointer}