:root{--bg:#07111f;--bg2:#0b1728;--panel:#0f1d30;--panel2:#13243a;--line:#20344e;--text:#f4f7fb;--muted:#9db0c7;--teal:#2dd4bf;--teal2:#14b8a6;--purple:#9b87f5;--amber:#fbbf24;--red:#fb7185;--green:#34d399;--shadow:0 18px 55px rgba(0,0,0,.26);--radius:22px;--sidebar:252px}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(45,212,191,.11),transparent 36%),radial-gradient(circle at 10% 75%,rgba(155,135,245,.09),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;left:12px;top:-80px;background:var(--teal);color:#03221e;padding:12px 18px;border-radius:12px;z-index:200}.skip-link:focus{top:12px}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:24px 16px;border-right:1px solid var(--line);background:rgba(7,17,31,.94);backdrop-filter:blur(18px);overflow:auto;z-index:30}.brand{display:flex;gap:12px;align-items:center;margin:0 8px 24px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--teal),var(--purple));display:grid;place-items:center;color:#06111e;font-weight:900;box-shadow:0 0 28px rgba(45,212,191,.24)}.brand h1{font-size:17px;margin:0;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.nav-group{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#607793;margin:18px 12px 7px}.nav-link{display:flex;align-items:center;gap:11px;color:var(--muted);text-decoration:none;padding:10px 12px;border-radius:13px;margin:2px 0;font-size:13px;font-weight:620}.nav-link:hover,.nav-link:focus-visible{color:var(--text);background:rgba(255,255,255,.045);outline:none}.nav-link.active{color:var(--text);background:linear-gradient(90deg,rgba(45,212,191,.14),rgba(155,135,245,.06));box-shadow:inset 3px 0 var(--teal)}.nav-icon{width:20px;text-align:center;color:var(--teal)}.sidebar-foot{margin:20px 8px 0;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);font-size:11px;color:var(--muted);line-height:1.45}.workspace{grid-column:2;min-width:0}.topbar{height:76px;display:flex;align-items:center;gap:16px;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(7,17,31,.84);backdrop-filter:blur(16px);z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.mobile-menu{display:none}.eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}.page-title{font-size:18px;margin:2px 0 0;letter-spacing:-.025em}.content{max-width:1480px;margin:0 auto;padding:30px}.risk-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 14px;background:#24191a;color:#fecdd3;border-bottom:1px solid #4c2228;font-size:11px;font-weight:650}.offline-banner{padding:10px 18px;background:#4a3510;color:#fde68a;text-align:center;display:none}.offline .offline-banner{display:block}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:11px;font-weight:700;background:rgba(255,255,255,.025)}.chip.green{border-color:rgba(52,211,153,.25);color:var(--green);background:rgba(52,211,153,.07)}.chip.amber{border-color:rgba(251,191,36,.28);color:var(--amber);background:rgba(251,191,36,.07)}.chip.red{border-color:rgba(251,113,133,.26);color:var(--red);background:rgba(251,113,133,.07)}.chip.purple{border-color:rgba(155,135,245,.3);color:#c4b5fd;background:rgba(155,135,245,.08)}.chip.teal{border-color:rgba(45,212,191,.28);color:var(--teal);background:rgba(45,212,191,.07)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(145deg,rgba(19,36,58,.93),rgba(13,27,45,.94));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);min-width:0}.card.soft{box-shadow:none;background:rgba(255,255,255,.025)}.card.ai{border-color:rgba(155,135,245,.26);background:linear-gradient(145deg,rgba(38,31,68,.74),rgba(14,28,47,.95))}.card h2,.card h3{margin:0 0 8px;letter-spacing:-.025em}.card h2{font-size:19px}.card h3{font-size:15px}.card p{color:var(--muted);line-height:1.58;margin:7px 0;font-size:13px}.hero{padding:28px;background:linear-gradient(135deg,rgba(45,212,191,.12),rgba(155,135,245,.08) 60%,rgba(19,36,58,.72));border:1px solid rgba(45,212,191,.18);border-radius:28px;margin-bottom:20px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-70px;top:-140px;border:48px solid rgba(45,212,191,.055)}.hero h2{font-size:30px;line-height:1.12;max-width:740px;margin:9px 0 10px;letter-spacing:-.04em}.hero p{max-width:760px;color:var(--muted);line-height:1.6;font-size:14px}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);color:var(--text);min-height:44px;padding:10px 15px;font-weight:750;font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover,.btn:focus-visible{transform:translateY(-1px);border-color:#3b526d;outline:3px solid rgba(45,212,191,.16);outline-offset:2px}.btn.primary{background:linear-gradient(135deg,var(--teal),#2dd4bfcc);border-color:transparent;color:#04211e}.btn.purple{background:linear-gradient(135deg,var(--purple),#7c6be3);border-color:transparent;color:#fff}.btn.danger{color:#fecdd3;border-color:#5d2831;background:#2c171c}.btn.ghost{background:transparent}.btn.small{min-height:36px;padding:7px 11px}.metric{display:flex;align-items:flex-start;justify-content:space-between}.metric strong{font-size:28px;letter-spacing:-.04em}.metric span{font-size:11px;color:var(--muted)}.metric-icon{width:40px;height:40px;border-radius:13px;background:rgba(45,212,191,.1);color:var(--teal);display:grid;place-items:center}.list{display:grid;gap:10px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.022)}.list-main{min-width:0}.list-main strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-main small{color:var(--muted);font-size:11px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7590ac;background:#0d1b2d}td{color:#dce7f4}tr:last-child td{border-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:var(--muted);font-weight:750}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#0a1728;color:var(--text);border-radius:13px;min-height:44px;padding:10px 12px;outline:none}.textarea{min-height:92px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(45,212,191,.1)}.checkline{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:12px;line-height:1.5}.checkline input{width:18px;height:18px;accent-color:var(--teal);margin-top:1px}.dropzone{border:1px dashed #3c5674;border-radius:18px;padding:30px;text-align:center;background:rgba(45,212,191,.025)}.dropzone input{max-width:100%}.quality{display:flex;align-items:center;gap:10px}.quality-bar{height:7px;flex:1;border-radius:999px;background:#1c2e46;overflow:hidden}.quality-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--amber),var(--green));border-radius:inherit}.evidence{padding:11px 13px;border-left:3px solid var(--purple);background:rgba(155,135,245,.065);color:#cbd5e1;border-radius:0 12px 12px 0;font-size:12px;line-height:1.5;margin:10px 0}.chart{height:170px;display:flex;align-items:flex-end;gap:10px;padding:20px 6px 8px;border-bottom:1px solid var(--line);background:linear-gradient(to top,rgba(45,212,191,.03),transparent)}.bar{flex:1;min-width:12px;background:linear-gradient(to top,var(--teal2),var(--purple));border-radius:8px 8px 2px 2px;position:relative}.bar:hover:after{content:attr(data-value);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:10px;background:#020817;padding:4px 6px;border-radius:6px}.empty{text-align:center;padding:38px 18px;color:var(--muted)}.empty-icon{font-size:32px;color:#5b718d;margin-bottom:8px}.screen-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#67809d;font-size:10px}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:12px;padding:3px;background:#091526}.segment{border:0;background:transparent;color:var(--muted);padding:7px 10px;border-radius:9px;font-size:11px;cursor:pointer}.segment.active{background:#172941;color:var(--text)}.public-wrap{min-height:100vh;display:grid;place-items:center;padding:26px;position:relative}.public-card{width:min(1040px,100%);background:rgba(11,23,40,.91);border:1px solid var(--line);border-radius:30px;box-shadow:0 35px 100px rgba(0,0,0,.45);overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr}.public-copy{padding:54px}.public-visual{min-height:580px;padding:38px;background:linear-gradient(150deg,rgba(45,212,191,.14),rgba(155,135,245,.13)),#0d1b2d;display:grid;place-items:center}.wallet-card{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:26px;padding:24px;background:linear-gradient(140deg,#143247,#291f4b);box-shadow:0 30px 70px rgba(0,0,0,.35);transform:rotate(1deg)}.wallet-orb{width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,var(--teal),var(--purple));display:grid;place-items:center;color:#06111e;font-size:25px;font-weight:900;margin-bottom:55px}.wallet-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;letter-spacing:.06em;word-break:break-all}.wallet-meta{display:flex;justify-content:space-between;color:#b7c7da;font-size:10px;margin-top:25px}.scope-preview{border:1px solid rgba(45,212,191,.22);border-radius:16px;padding:15px;background:rgba(45,212,191,.035)}.tabs{display:flex;gap:5px;overflow:auto;padding-bottom:3px}.tab{white-space:nowrap;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:10px;padding:8px 11px;font-size:11px}.tab.active{background:rgba(45,212,191,.1);color:var(--teal);border-color:rgba(45,212,191,.22)}.drawer{position:fixed;top:0;right:0;width:min(520px,100%);height:100vh;background:#0b1728;border-left:1px solid var(--line);z-index:80;padding:24px;overflow:auto;box-shadow:-30px 0 80px rgba(0,0,0,.45)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:70}.toast{position:fixed;right:22px;bottom:22px;max-width:420px;background:#13243a;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:13px 16px;z-index:120;transform:translateY(130%);opacity:0;transition:.25s;font-size:12px}.toast.show{transform:none;opacity:1}.skeleton{height:68px;border-radius:14px;background:linear-gradient(90deg,#122239,#1a304c,#122239);background-size:200% 100%;animation:shine 1.4s infinite}@keyframes shine{to{background-position:-200% 0}}.mobile-only{display:none}
html[data-theme="light"]{color-scheme:light;--bg:#f3f7fb;--bg2:#fff;--panel:#fff;--panel2:#f7fafc;--line:#dbe6ef;--text:#102033;--muted:#60758c;--shadow:0 16px 45px rgba(23,45,70,.09)}html[data-theme="light"] body{background:#f3f7fb}html[data-theme="light"] .sidebar,html[data-theme="light"] .topbar{background:rgba(255,255,255,.9)}html[data-theme="light"] .card{background:#fff}html[data-theme="light"] .input,html[data-theme="light"] .select,html[data-theme="light"] .textarea{background:#f8fbfe;color:#102033}html[data-theme="light"] .public-card{background:#fff}
@media(max-width:1040px){.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}.public-card{grid-template-columns:1fr}.public-visual{min-height:360px}.wallet-card{max-width:520px}}
@media(max-width:780px){:root{--sidebar:0px}.app-shell{display:block}.sidebar{transform:translateX(-102%);width:280px;transition:.25s}.menu-open .sidebar{transform:none}.workspace{width:100%}.topbar{height:70px;padding:0 15px}.mobile-menu{display:inline-flex}.content{padding:18px 14px 90px}.grid.two,.grid.three,.grid.four,.form-grid{grid-template-columns:1fr}.hero{padding:22px}.hero h2{font-size:25px}.public-copy{padding:32px 24px}.public-visual{padding:24px;min-height:320px}.mobile-only{display:block}.topbar-right .screen-select{display:none}.risk-banner{font-size:10px}.list-item{align-items:flex-start}.actions{gap:7px}.btn{min-height:46px}.drawer{padding:18px}.card{padding:17px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
[dir="rtl"] .sidebar{inset:0 0 0 auto;border-right:0;border-left:1px solid var(--line)}[dir="rtl"] .workspace{grid-column:1}[dir="rtl"] .app-shell{grid-template-columns:1fr var(--sidebar)}[dir="rtl"] th,[dir="rtl"] td{text-align:right}[dir="rtl"] .evidence{border-left:0;border-right:3px solid var(--purple);border-radius:12px 0 0 12px}[dir="rtl"] .drawer{right:auto;left:0;border-left:0;border-right:1px solid var(--line)}