@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1224;--bg-elevated:#111a31;--bg-soft:#17243f;--border:#ffffff14;--text:#e8ecff;--text-soft:#a7b2d6;--accent:#64f5e6;--accent-alt:#7aa2ff;--danger:#ff5f7a;--shadow:0 24px 56px #00000059;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:SF Pro Text,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:#06080d;min-height:100vh;margin:0}#root{min-height:100vh}h1,h2{margin:0}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.auth-page{place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{border:1px solid var(--border);width:min(560px,100%);box-shadow:var(--shadow);background:radial-gradient(circle at 12% 0,#64f5e629 0%,#64f5e600 42%),linear-gradient(160deg,#17243feb,#0c1222f7);border-radius:22px;flex-direction:column;gap:1rem;padding:2.15rem;display:flex}.auth-brand{align-items:center;gap:.95rem;display:flex}.auth-logo{object-fit:contain;background:#0810218c;border:1px solid #ffffff1f;border-radius:14px;width:68px;height:68px;padding:.35rem}.auth-copy h1{margin-bottom:.2rem;font-size:1.56rem}.auth-copy p{margin:0}.auth-form{flex-direction:column;gap:.8rem;display:flex}.auth-actions{justify-content:flex-end;display:flex}.auth-modal{width:min(520px,100%)}.dashboard-shell{flex-direction:column;gap:1rem;width:min(1300px,100%);margin:0 auto;padding:1.5rem;display:flex}.topbar{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111a31d6;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.topbar h1{font-size:1.75rem;font-weight:600}.topbar-actions{align-items:flex-end;gap:.6rem;display:flex}.topbar-org-switch{min-width:220px}.topbar-org-switch>span{font-size:.78rem}.tabs{flex-wrap:wrap;gap:.6rem;display:flex}.tab{border:1px solid var(--border);color:var(--text-soft);cursor:pointer;background:#17243fb3;border-radius:999px;padding:.6rem 1rem;transition:all .14s}.tab.active{color:#05131e;background:linear-gradient(125deg, var(--accent), var(--accent-alt));border-color:#0000;font-weight:600}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#111a31db;border-radius:16px;flex-direction:column;gap:.8rem;padding:1rem;display:flex}.panel h2{font-size:1.15rem;font-weight:600}.panel-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;display:grid}.metric{border:1px solid var(--border);background:#17243fbf;border-radius:12px;padding:.8rem}.metric span{color:var(--text-soft);margin-bottom:.3rem;font-size:.82rem;display:block}.metric strong{font-size:1.05rem}.sparkline{border:1px solid var(--border);background:#17243fb3;border-radius:10px;align-items:flex-end;gap:.25rem;min-height:82px;padding:.7rem;display:flex}.bar{background:linear-gradient(180deg, var(--accent), var(--accent-alt));border-radius:999px;flex:1;min-width:4px}.field{flex-direction:column;gap:.35rem;font-size:.92rem;display:flex}.field>span{color:var(--text-soft)}input,select,textarea{border:1px solid var(--border);color:var(--text);font:inherit;background:#081021bf;border-radius:10px;padding:.62rem .75rem}textarea{resize:vertical}.checkbox{color:var(--text-soft);align-items:center;gap:.45rem;display:flex}.checkbox input{width:16px;height:16px}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#17243fbf;border-radius:9px;padding:.55rem .95rem;font-weight:500}.btn:hover{border-color:#ffffff38}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{color:#06111f;background:linear-gradient(125deg, var(--accent), var(--accent-alt));border:none}.btn-danger{color:#ffe6ec;background:#ff5f7a3d;border-color:#ff5f7a99}.btn-link{color:var(--accent);background:0 0;border:none;padding:0}.btn-link:hover{color:#88fff3;border:none}.btn-small{padding:.4rem .65rem;font-size:.82rem}.chips{flex-wrap:wrap;gap:.45rem;display:flex}.chip{border:1px solid var(--border);color:var(--text-soft);cursor:pointer;background:#17243fad;border-radius:999px;padding:.34rem .62rem;font-size:.8rem}.table-wrapper{border:1px solid var(--border);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.64rem .75rem;font-size:.88rem}th{color:var(--text-soft);background:#081021b3;font-weight:500}tr:last-child td{border-bottom:0}.actions{gap:.45rem;display:flex}.secret-box{background:#64f5e61a;border:1px solid #64f5e680;border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.secret-box code{white-space:pre-wrap;word-break:break-all;background:#081021cc;border-radius:8px;padding:.55rem;display:block}.mfa-qr{border:1px solid var(--border);background:#fff;border-radius:10px;width:220px;max-width:100%;padding:.35rem}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem;display:grid}.muted{color:var(--text-soft)}.error{color:#ffd0da;background:#ff5f7a29;border:1px solid #ff5f7a99;border-radius:9px;padding:.65rem .75rem}.error-inline{margin:0}.success{color:#cff9eb;background:#64f5e624;border:1px solid #64f5e673;border-radius:9px;padding:.65rem .75rem}.modal-backdrop{z-index:50;background:#02060ec7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#0d1830;border-radius:16px;width:min(900px,100%);max-height:86vh;padding:1rem;overflow:auto}.modal pre{border:1px solid var(--border);color:#dce7ff;background:#071126;border-radius:12px;margin:0;padding:.8rem;font-size:.82rem;overflow-x:auto}@media (width<=980px){.grid{grid-template-columns:1fr}.topbar{flex-direction:column}.auth-brand{flex-direction:column;align-items:flex-start}}:root{--bg:#080a11;--bg-elevated:#0e121fdb;--bg-soft:#161c2ed6;--border:#ffffff1f;--text:#f3f6ff;--text-soft:#aeb8d8;--accent:#8bf7ff;--accent-alt:#8f87ff;--danger:#ff5b78;--shadow:0 22px 64px #0000006b;font-family:Manrope,sans-serif}body:before,body:after{content:none;pointer-events:none;z-index:-2;position:fixed;inset:0}body:before{background:0 0}body:after{z-index:-1;background:0 0}h1,h2,.tab,.btn{font-family:Sora,sans-serif}.dashboard-shell{gap:1.2rem;width:min(1400px,100%);padding:2rem}.auth-card,.topbar,.panel,.modal{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);background:linear-gradient(152deg,#1c233ab3,#0c101ddb),radial-gradient(circle at 18% 2%,#8bf7ff21,#0000 40%)}.auth-card{border-radius:24px;padding:2.4rem}.auth-copy h1{letter-spacing:-.01em}.topbar{border-radius:20px;padding:1.25rem 1.4rem}.topbar h1{letter-spacing:-.02em;font-size:1.92rem}.tabs{gap:.55rem}.tab{color:#ced6f2;background:linear-gradient(150deg,#2e385aa8,#151c31bd);border:1px solid #ffffff2b;border-radius:999px;padding:.62rem 1.02rem;transition:transform .12s,box-shadow .12s,border-color .12s}.tab:hover{border-color:#8bf7ff7a;transform:translateY(-1px);box-shadow:0 10px 24px #0000003d}.tab.active{color:#040a16;background:linear-gradient(125deg,#8bf7ff,#97a6ff);box-shadow:0 12px 30px #8bf7ff47}.grid{gap:1.15rem}.panel{border-radius:18px;padding:1.15rem}.panel h2{letter-spacing:-.01em;font-size:1.08rem}.metric{background:linear-gradient(160deg,#242e4b9e,#13192cc7);border-radius:14px}input,select,textarea{background:linear-gradient(168deg,#111727eb,#0a0e1af2);border-color:#ffffff29;border-radius:12px;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:#8bf7ffa6;outline:none;box-shadow:0 0 0 3px #8bf7ff29}.btn{background:linear-gradient(150deg,#2a3456b8,#171e31c7);border-color:#ffffff29;border-radius:11px;transition:transform .12s,border-color .12s,box-shadow .12s}.btn:hover{border-color:#8bf7ff8a;transform:translateY(-1px);box-shadow:0 8px 20px #0000003d}.btn-primary{color:#05121f;background:linear-gradient(130deg,#8bf7ff,#90a0ff);box-shadow:0 10px 24px #8bf7ff40}.btn-danger{background:linear-gradient(140deg,#ff5b7857,#781e2f57)}.table-wrapper{border-color:#ffffff24;border-radius:14px}table{min-width:860px}th{background:linear-gradient(#0e1423e6,#0c111ed6);font-weight:600}td,th{border-bottom-color:#ffffff14}tr:hover td{background:#8bf7ff0a}.chip{background:linear-gradient(155deg,#242d49b3,#131a2bc2);border-color:#ffffff2b}.chip.selected{color:#eaf7ff;background:linear-gradient(130deg,#8bf7ff47,#79a4ff40);border-color:#8bf7ff9e}.chip:disabled{opacity:.4;cursor:not-allowed}.secret-box{background:linear-gradient(150deg,#22485773,#122a3b7a),#0c1627d9;border-radius:14px}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02050bc7}.modal{border-radius:18px}.dashboard-shell{width:100%;max-width:none;padding:1.4rem 1.6rem 2rem}.dashboard-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.nav-rail{position:sticky;top:1rem}.nav-card{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(150deg,#1c233a9e,#0e1423e0),radial-gradient(circle at 16% -4%,#8bf7ff21,#0000 50%);border-radius:16px;padding:.95rem}.nav-card h2{margin:0;font-size:1rem}.nav-card p{margin:.2rem 0 .85rem;font-size:.86rem}.tabs.tabs-vertical{flex-direction:column;gap:.45rem;display:flex}.tabs.tabs-vertical .tab{text-align:left;border-radius:12px;width:100%}.dashboard-content{flex-direction:column;gap:1rem;min-width:0;display:flex}.table-wrapper{overflow-x:hidden}table{table-layout:fixed;width:100%;min-width:0}th,td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}.actions{flex-wrap:wrap}@media (width<=1280px){.dashboard-layout{grid-template-columns:1fr}.nav-rail{position:static}.tabs.tabs-vertical{flex-flow:wrap}.tabs.tabs-vertical .tab{text-align:center;border-radius:999px;width:auto}}@media (width<=860px){.dashboard-shell{padding:1rem}th,td{padding:.55rem .52rem;font-size:.79rem}.topbar-actions{flex-wrap:wrap;width:100%}}.record-list{gap:.75rem;display:grid}.record-card{background:linear-gradient(160deg,#222b4894,#111626c7);border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:.75rem;padding:.8rem;display:flex}.record-head{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.record-head h3{overflow-wrap:anywhere;margin:0;font-size:.97rem;font-weight:600}.record-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;display:grid}.record-item{background:#070d1b8c;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:.22rem;padding:.5rem .58rem;display:flex}.record-label{color:var(--text-soft);font-size:.76rem}.record-item strong{overflow-wrap:anywhere;font-size:.88rem;font-weight:600}.record-actions{flex-wrap:wrap;gap:.42rem;display:flex}.status-pill{white-space:nowrap;border:1px solid #ffffff29;border-radius:999px;align-items:center;padding:.22rem .56rem;font-size:.72rem;line-height:1.1;display:inline-flex}.status-pill.ok{color:#d9fff7;background:#3bc8a433;border-color:#50dcb899}.status-pill.danger{color:#ffdce3;background:#ff5b7833;border-color:#ff5b7894}.status-pill.info{color:#deebff;background:#8f87ff33;border-color:#8f87ff8f}@media (width<=980px){.panel-head{flex-wrap:wrap;align-items:flex-start}.topbar-org-switch{width:100%;min-width:0}}@media (width<=760px){.dashboard-shell{gap:.85rem;padding:.8rem}.topbar{padding:1rem}.topbar h1{font-size:1.5rem}.topbar-actions{align-items:stretch}.topbar-actions .btn{width:100%}.tabs.tabs-vertical{gap:.38rem}.tabs.tabs-vertical .tab{text-align:center;flex:calc(50% - .25rem)}.filter-grid,.record-grid{grid-template-columns:1fr}.record-actions .btn{flex:calc(50% - .25rem)}}.guide-page{flex-direction:column;gap:1rem;display:flex}.guide-hero{gap:1rem}.guide-title-row{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.guide-title-row h2{margin:0}.guide-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.guide-spec{background:#070d1b85;border:1px solid #ffffff1a;border-radius:11px;flex-direction:column;gap:.25rem;padding:.65rem .72rem;display:flex}.guide-spec strong{overflow-wrap:anywhere}.guide-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.guide-code-card{gap:.7rem}.guide-code-card pre{color:#d9e7ff;background:#061025;border:1px solid #ffffff1f;border-radius:12px;margin:0;padding:.9rem;font-size:.8rem;line-height:1.45;overflow-x:auto}.guide-notes{color:var(--text-soft);flex-direction:column;gap:.45rem;margin:0;padding-left:1rem;display:flex}.guide-notes code{color:var(--text)}@media (width<=1020px){.guide-columns{grid-template-columns:1fr}}@media (width<=720px){.guide-title-row{flex-direction:column;align-items:flex-start}.guide-spec-grid{grid-template-columns:1fr}.guide-code-card pre{padding:.72rem;font-size:.76rem}}.topbar{flex-direction:column;align-items:stretch;gap:.9rem}.topbar-main{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.topbar-brand{align-items:center;gap:.9rem;display:flex}.topbar-logo{object-fit:contain;background:#08102199;border:1px solid #ffffff24;border-radius:10px;width:60px;height:60px;padding:.26rem}.topbar-brand h1{margin:0 0 .1rem;font-size:1.5rem}.topbar-brand p{margin:0}.topbar-actions{align-items:center}.topbar-tabs{padding-top:.2rem}.account-menu{position:relative}.account-dropdown{z-index:20;background:linear-gradient(165deg,#171f34f2,#0b111ff5);border:1px solid #ffffff24;border-radius:11px;flex-direction:column;gap:.4rem;min-width:168px;padding:.55rem;display:flex;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 16px 30px #00000047}.account-dropdown .btn{justify-content:flex-start;width:100%}.account-dropdown .muted{margin:0;padding:.2rem .2rem .35rem;font-size:.82rem}@media (width<=980px){.topbar-main{flex-direction:column}}@media (width<=760px){.topbar-brand{align-items:flex-start}.topbar-brand h1{font-size:1.3rem}.topbar-actions{align-items:stretch;width:100%}.topbar-tabs .tab{text-align:center;flex:calc(50% - .25rem)}.account-dropdown{width:100%;left:0;right:auto}}.app-loading-screen{place-items:center;min-height:100vh;padding:1.2rem;display:grid}.app-loading-card{border:1px solid var(--border);width:min(560px,100%);box-shadow:var(--shadow);text-align:center;background:linear-gradient(152deg,#1c233ac7,#0c101de6),radial-gradient(circle at 18% 2%,#8bf7ff1f,#0000 40%);border-radius:10px;flex-direction:column;align-items:center;gap:.65rem;padding:1.35rem;display:flex}.app-loading-logo{width:72px;height:72px}.loading-spinner{border:2px solid #fff3;border-top-color:var(--accent);border-radius:999px;width:24px;height:24px;animation:.75s linear infinite azf-spin}@keyframes azf-spin{to{transform:rotate(360deg)}}.auth-card,.topbar,.panel,.modal,.nav-card,.record-card,.secret-box,.guide-spec,.guide-code-card pre,.account-dropdown{border-radius:10px}input,select,textarea,.btn,.record-item,.auth-logo,.topbar-logo,.tab,.tabs.tabs-vertical .tab,.chip{border-radius:8px}.topbar{gap:1rem;padding:1rem 1.1rem .9rem}.topbar-main{align-items:center}.topbar-logo{border-radius:8px;width:68px;height:68px}.topbar-brand h1{letter-spacing:-.01em;font-size:1.35rem}.topbar-brand p{font-size:.88rem}.topbar-tabs{background:#090e1c85;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.35rem;width:100%;padding:.35rem;display:grid}.topbar-tab{color:#c9d3f4;text-align:center;background:0 0;border:1px solid #0000;border-radius:6px;padding:.45rem .62rem;font-size:.84rem}.icon-account-btn{width:38px;height:38px;color:var(--text);cursor:pointer;background:linear-gradient(150deg,#2a3456b8,#171e31c7);border:1px solid #ffffff2e;border-radius:8px;place-items:center;padding:0;display:grid}.icon-account-btn svg{fill:currentColor;width:18px;height:18px}.icon-account-btn:hover{background:#8bf7ff24;border-color:#8bf7ff80}.icon-account-btn.open{background:#8bf7ff33;border-color:#8bf7ff9e}@media (width<=760px){.topbar-logo{width:56px;height:56px}.topbar-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-shell{gap:.9rem;width:min(1520px,100%);margin:0 auto;padding:1.15rem 1.25rem 1.75rem}.topbar{z-index:30;-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);background:linear-gradient(160deg,#121829ed,#0b101df2),radial-gradient(circle at 20% -60%,#8bf7ff24,#0000 55%);border:1px solid #ffffff1a;border-radius:10px;padding:.8rem .95rem;position:sticky;top:.65rem;box-shadow:0 16px 32px #00000047}.topbar-main{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;display:grid}.topbar-brand{gap:.75rem}.topbar-logo{border-color:#ffffff29;border-radius:8px;width:62px;height:62px}.topbar-brand h1{letter-spacing:-.01em;font-size:1.18rem;font-weight:700}.topbar-brand p{margin-top:.08rem;font-size:.84rem}.topbar-nav-wrap{justify-content:center;min-width:0;display:flex}.topbar-tabs{scrollbar-width:thin;background:#080d18a3;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.28rem;width:auto;max-width:100%;padding:.24rem;display:inline-flex;overflow-x:auto}.topbar-tab{white-space:nowrap;color:#c8d3f5;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;padding:.36rem .62rem;font-size:.8rem;font-weight:600;line-height:1.25}.topbar-tab:hover{box-shadow:none;background:#8bf7ff14;border-color:#8bf7ff59;transform:none}.topbar-tab.active{color:#03101e;background:linear-gradient(130deg,#8bf7ff,#97a6ff);border-color:#0000;box-shadow:0 6px 14px #8bf7ff38}.topbar-actions{align-items:center;gap:.48rem}.topbar-org-switch{align-items:center;min-width:210px;display:flex}.topbar-org-switch select{width:100%;padding-top:.46rem;padding-bottom:.46rem;font-size:.82rem}.icon-account-btn{width:36px;height:36px}.icon-account-btn svg{width:17px;height:17px}.account-dropdown{border-radius:8px;min-width:170px;padding:.42rem}.dashboard-content{gap:.9rem}.panel{background:linear-gradient(165deg,#121829e0,#0b101de6),radial-gradient(circle at 15% -60%,#8bf7ff14,#0000 55%);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 12px 28px #00000038}.record-card{background:linear-gradient(160deg,#182037d1,#0d1322db);border-color:#ffffff17;border-radius:8px}.record-item{border-radius:7px}@media (width<=1220px){.topbar-main{grid-template-columns:1fr;align-items:stretch}.topbar-nav-wrap{justify-content:flex-start}.topbar-actions{flex-wrap:wrap}}@media (width<=760px){.dashboard-shell{padding:.8rem}.topbar{padding:.72rem;top:.4rem}.topbar-logo{width:54px;height:54px}.topbar-brand h1{font-size:1.05rem}.topbar-tabs{width:100%}.topbar-actions{justify-content:space-between;width:100%}.topbar-org-switch{flex:100%;min-width:0}.account-dropdown{width:min(220px,100vw - 2rem)}}