:root{--navy: #1F3864;--navy-dark: #15294A;--navy-light: #2E5597;--navy-50: #EEF2F8;--navy-100: #DCE3F0;--orange: #E85D2C;--orange-light: #FCE5D8;--green: #10B981;--green-bg: #D1FAE5;--green-fg: #065F46;--amber: #EAB308;--amber-bg: #FEF3C7;--amber-fg: #854D0E;--red: #DC2626;--red-bg: #FEE2E2;--red-fg: #991B1B;--blue: #3B82F6;--blue-bg: #DBEAFE;--blue-fg: #1E40AF;--bg: #FFFFFF;--bg-soft: #F8FAFC;--bg-softer: #F1F5F9;--border: #E2E8F0;--border-strong: #CBD5E1;--text: #0F172A;--text-body: #334155;--text-muted: #5B6B82;--radius: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(15,23,42,.04), 0 1px 1px rgba(15,23,42,.03);--shadow-md: 0 4px 12px rgba(15,23,42,.06), 0 2px 4px rgba(15,23,42,.04);--shadow-lg: 0 12px 32px rgba(15,23,42,.1), 0 4px 8px rgba(15,23,42,.06);--sidebar-w: 244px;--topbar-h: 60px;--row-h: 38px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11","ss01"}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";height:100vh;min-height:100vh;overflow:hidden}.app.density-compact{--row-h: 32px}.app.nav-collapsed{--sidebar-w: 64px}.app-sidebar{grid-area:sidebar;overflow:hidden}.app-topbar{grid-area:topbar}.app-main{grid-area:main;overflow:auto;background:#fff}.sidebar{height:100vh;background:linear-gradient(180deg,#15294a,#1f3864 55%,#2e5597);color:#fff;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);position:relative}.sidebar:before{content:"";position:absolute;top:-120px;right:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(232,93,44,.16) 0%,transparent 65%);pointer-events:none}.sidebar-brand{padding:14px 16px 12px;display:flex;flex-direction:column;gap:2px;position:relative}.sidebar-brand-row{display:flex;align-items:center;gap:9px}.sidebar-brand .wordmark{font-weight:700;font-size:16px;letter-spacing:-.01em;color:#fff}.sidebar-brand .subtitle{font-size:11px;color:#fff9;margin-left:38px;margin-top:-3px;letter-spacing:.01em}.sidebar-user{margin:6px 12px 8px;padding:8px 10px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);display:flex;align-items:center;gap:9px;cursor:pointer;position:relative;transition:background .12s,border-color .12s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-user:hover{background:#ffffff1f;border-color:#ffffff38}.sidebar-user .avatar{width:30px;height:30px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}.sidebar-user .meta{min-width:0;flex:1;line-height:1.25}.sidebar-user .name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .role{font-size:11px;color:#fff9}.sidebar-user .chevron{color:#ffffff8c;flex-shrink:0}.sidebar-user-menu{position:fixed;min-width:220px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;color:var(--text)}.sidebar-user-menu:before{content:"";position:absolute;left:-6px;top:14px;width:12px;height:12px;background:#fff;border-left:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg)}.sidebar-user-menu .item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--text-body)}.sidebar-user-menu .item:hover{background:var(--bg-soft);color:var(--text)}.sidebar-user-menu .sep{height:1px;background:var(--border)}.sidebar-user-menu .item.danger{color:var(--red)}.sidebar-nav{flex:1;overflow-y:auto;padding:4px 8px 16px;position:relative}.sidebar-section-header{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#ffffff73;padding:14px 12px 6px}.sidebar-item{display:flex;align-items:center;gap:9px;padding:7px 10px;margin:1px 4px;border-radius:var(--radius);color:#ffffffc7;font-size:13px;font-weight:500;cursor:pointer;position:relative;transition:background .1s,color .1s}.sidebar-item:hover{background:#ffffff14;color:#fff}.sidebar-item.active{background:#fff;color:var(--navy);font-weight:700;box-shadow:0 1px 3px #0f172a2e}.sidebar-item.active:before{content:"";position:absolute;left:-4px;top:5px;bottom:5px;width:3px;background:var(--orange);border-radius:2px}.sidebar-item .icon{color:#fff9;flex-shrink:0}.sidebar-item:hover .icon{color:#fff}.sidebar-item.active .icon{color:var(--navy)}.sidebar-item .label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item .nav-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;background:#ffffff1f;color:#ffffffd9;letter-spacing:.02em}.sidebar-item .nav-badge.attention{background:var(--orange);color:#fff}.sidebar-item .nav-badge.warn{background:var(--amber-bg);color:var(--amber-fg)}.sidebar-item .nav-badge.crit{background:var(--red);color:#fff}.sidebar-item.active .nav-badge{background:var(--navy-50);color:var(--navy)}.sidebar-item.active .nav-badge.attention{background:var(--orange-light);color:var(--orange)}.sidebar-foot{padding:8px 16px 12px;font-size:11px;color:#ffffff8c;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-foot .env-pill{font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;letter-spacing:.04em}.sidebar-foot .env-pill.prod{background:var(--green-bg);color:var(--green-fg)}.sidebar-foot .env-pill.staging{background:var(--amber-bg);color:var(--amber-fg)}.topbar{height:var(--topbar-h);background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:20}.topbar .hamburger{display:none;width:32px;height:32px;border-radius:var(--radius);background:transparent;border:1px solid transparent;align-items:center;justify-content:center;color:var(--text-body)}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px}.breadcrumb .crumb{color:var(--text-muted)}.breadcrumb .crumb.current{color:var(--text);font-weight:600}.breadcrumb .sep{color:var(--text-muted);opacity:.5;font-size:11px}.topbar-search{flex:1 1 320px;min-width:0;max-width:480px;margin-left:8px;height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:13px;cursor:pointer;transition:border-color .12s,background .12s;overflow:hidden}.topbar-search>span:not(.kbd){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-search:hover{border-color:var(--border-strong);background:#fff}.topbar-search .kbd{flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-muted);background:#fff;border:1px solid var(--border);padding:1px 6px;border-radius:3px}.topbar-spacer{flex:1 1 0;min-width:16px}.topbar .breadcrumb{flex-shrink:0}.topbar-right{display:flex;align-items:center;gap:4px}.country-pick{display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;font-size:12px;color:var(--text-body);font-weight:600;position:relative}.country-pick:hover{background:var(--bg-soft)}.country-pick .flag-emoji{font-size:14px;line-height:1}.country-pick .chev{color:var(--text-muted)}.country-menu{position:absolute;top:calc(100% + 6px);right:0;width:220px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:50;overflow:hidden;font-weight:500}.country-menu .item{display:flex;align-items:center;gap:9px;padding:8px 12px;font-size:13px;color:var(--text-body)}.country-menu .item:hover{background:var(--bg-soft);color:var(--text)}.country-menu .item.active{background:var(--navy-50);color:var(--navy);font-weight:600}.country-menu .item .ccy{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted)}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius);background:transparent;border:1px solid transparent;color:var(--text-body);position:relative}.icon-btn:hover{background:var(--bg-soft)}.icon-btn .dot{position:absolute;top:7px;right:8px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:var(--orange);color:#fff;font-size:9px;font-weight:700;border:2px solid #fff;display:grid;place-items:center}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--navy-dark)}.page{padding:28px 32px 64px;max-width:1600px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-header .left{min-width:0}.page-title{font-size:26px;font-weight:700;letter-spacing:-.018em;color:var(--text);margin:0;line-height:1.15}.page-subtitle{font-size:14px;color:var(--text-body);margin-top:6px;max-width:720px}.page-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;gap:7px;font-size:13px;font-weight:600;border-radius:var(--radius);border:1px solid var(--border);background:#fff;color:var(--text);transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed}.btn:not(:disabled):hover{background:var(--bg-soft);border-color:var(--border-strong)}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:not(:disabled):hover{background:var(--navy-dark);border-color:var(--navy-dark)}.btn.orange{background:var(--orange);border-color:var(--orange);color:#fff}.btn.orange:not(:disabled):hover{filter:brightness(.95)}.btn.danger{border-color:var(--red);color:var(--red);background:#fff}.btn.danger:not(:disabled):hover{background:var(--red-bg)}.btn.ghost{border-color:transparent;background:transparent;color:var(--text-body)}.btn.ghost:not(:disabled):hover{background:var(--bg-soft);color:var(--text)}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn.icon-only,.btn.icon{width:34px;padding:0;justify-content:center}.btn.sm.icon-only,.btn.sm.icon{width:28px}.btn.accent{background:var(--orange);border-color:var(--orange);color:#fff}.btn.accent:not(:disabled):hover{background:#d24e20;border-color:#d24e20}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.green:not(:disabled):hover{background:#0e9f6e;border-color:#0e9f6e}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.005em}.card-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px 12px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);display:flex;align-items:center;gap:6px}.kpi-value{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text);font-feature-settings:"tnum";line-height:1.1}.kpi-value .unit{font-size:13px;font-weight:500;color:var(--text-muted);margin-left:4px}.kpi-meta{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:12px}.kpi-delta{display:inline-flex;align-items:center;gap:3px;font-weight:600}.kpi-delta.up{color:var(--green)}.kpi-delta.down{color:var(--red)}.kpi-delta.neutral{color:var(--text-muted)}.kpi-spark{position:absolute;right:12px;bottom:10px;pointer-events:none;opacity:.85}.kpi-foot{font-size:11px;color:var(--text-muted)}.badge-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 8px;font-size:11.5px;font-weight:600;border-radius:999px;line-height:1.7;white-space:nowrap}.badge-pill .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-pill.green{background:var(--green-bg);color:var(--green-fg)}.badge-pill.green .dot{background:var(--green)}.badge-pill.amber{background:var(--amber-bg);color:var(--amber-fg)}.badge-pill.amber .dot{background:var(--amber)}.badge-pill.red{background:var(--red-bg);color:var(--red-fg)}.badge-pill.red .dot{background:var(--red)}.badge-pill.blue{background:var(--blue-bg);color:var(--blue-fg)}.badge-pill.blue .dot{background:var(--blue)}.badge-pill.gray{background:var(--bg-softer);color:var(--text-body)}.badge-pill.gray .dot{background:var(--text-muted)}.badge-pill.navy{background:var(--navy-50);color:var(--navy)}.badge-pill.navy .dot{background:var(--navy)}.badge-live{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 8px;font-size:11px;font-weight:700;letter-spacing:.04em;border-radius:12px;background:var(--orange-light);color:var(--orange)}.badge-live .pulse{width:6px;height:6px;border-radius:50%;background:var(--orange);position:relative}.badge-live .pulse:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:var(--orange);opacity:.4;animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{transform:scale(.6);opacity:.5}to{transform:scale(2.2);opacity:0}}.tbl,.dt{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;font-feature-settings:"tnum"}.tbl thead th,.dt thead th{position:sticky;top:0;background:var(--navy-dark);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:left;padding:0 16px;height:42px;border-bottom:1px solid var(--navy-dark);white-space:nowrap;z-index:1}.tbl thead th.th-dark,.dt thead th.th-dark{background:var(--navy-dark);color:#fff}.tbl thead th.sortable,.dt thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tbl thead th.sortable:hover,.dt thead th.sortable:hover{color:#ffffffbf}.tbl thead th .sort-arrow,.dt thead th .sort-arrow{display:inline-block;margin-left:4px;opacity:.6;font-size:9px}.tbl thead th.right,.dt thead th.right{text-align:right}.tbl tbody td,.dt tbody td{padding:13px 16px;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);vertical-align:middle;color:var(--text-body)}.tbl tbody tr,.dt tbody tr{transition:background-color .12s ease}.tbl tbody tr:hover,.dt tbody tr:hover{background:color-mix(in srgb,var(--navy) 4%,transparent)}.tbl tbody tr:last-child td,.dt tbody tr:last-child td{border-bottom:none}.tbl tbody tr.selected{background:var(--orange-light)}.u-th,.p-th,.audit-th,.ann-th,.adm-th,.r-th,.mth,.b-th{background:var(--navy-dark);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:left;padding:0 16px;height:42px;white-space:nowrap}.u-td,.p-td,.audit-td,.ann-td,.adm-td,.r-td,.mtd,.b-td{padding:13px 16px;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);vertical-align:middle;color:var(--text-body)}.tbl tbody td.right{text-align:right}.tbl tbody td.num{font-variant-numeric:tabular-nums;color:var(--text);font-weight:500}.tbl tbody td .primary{color:var(--text);font-weight:500}.tbl tbody td .muted{color:var(--text-muted);font-size:12px}.tbl-actions{display:flex;gap:4px;justify-content:flex-end}tbody tr:hover>.u-td,tbody tr:hover>.p-td,tbody tr:hover>.audit-td,tbody tr:hover>.ann-td,tbody tr:hover>.adm-td,tbody tr:hover>.r-td,tbody tr:hover>.mtd,tbody tr:hover>.b-td{background:color-mix(in srgb,var(--navy) 4%,transparent)}.toolbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:#fff}.toolbar input[type=search]{flex:0 1 300px;padding:6px 10px 6px 32px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;background:var(--bg-soft) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>") no-repeat 10px center}.toolbar input[type=search]:focus{outline:none;border-color:var(--navy-light);background-color:#fff}.toolbar .right{margin-left:auto;display:flex;gap:6px;align-items:center}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;background:var(--bg-soft);border:1px dashed var(--border-strong);border-radius:12px;color:var(--text-body);font-weight:500;cursor:pointer}.filter-chip:hover{background:var(--bg-softer)}.filter-chip.active{background:var(--navy-50);border-color:var(--navy);border-style:solid;color:var(--navy)}.filter-chip .x{color:currentColor;opacity:.6;margin-left:2px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--border);margin-bottom:18px;font-size:13px}.tab{padding:10px 0;color:var(--text-body);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px}.tab:hover{color:var(--text)}.tab.active{color:var(--navy);font-weight:600;border-bottom-color:var(--navy)}.tab .count{font-size:11px;background:var(--bg-softer);color:var(--text-body);padding:1px 6px;border-radius:8px;font-weight:600}.tab.active .count{background:var(--navy-50);color:var(--navy)}.chart-wrap{width:100%}.chart-wrap svg{width:100%;display:block}.chart-axis text{fill:var(--text-muted);font-size:10px;font-family:Inter}.chart-axis line,.chart-axis path{stroke:var(--border)}.chart-grid line{stroke:var(--border);stroke-dasharray:2 3}.map-wrap{position:relative}.country-fill{fill:var(--navy-50);stroke:#fff;stroke-width:.6;transition:fill .15s,stroke .15s;cursor:pointer}.country-fill:hover{stroke:var(--navy);stroke-width:1.2}.country-fill[data-tier="1"]{fill:#dce3f0}.country-fill[data-tier="2"]{fill:#a6b8d8}.country-fill[data-tier="3"]{fill:#5c7ab0}.country-fill[data-tier="4"]{fill:var(--navy)}.stream-row{display:grid;grid-template-columns:70px 1fr auto;gap:10px;padding:9px 16px;border-bottom:1px solid var(--border);font-size:12px;align-items:center}.stream-row:last-child{border-bottom:none}.stream-row .time{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted)}.stream-row .desc{color:var(--text);line-height:1.4}.stream-row .desc strong{color:var(--navy);font-weight:600}.stream-row.new{animation:streamIn .5s ease-out}@keyframes streamIn{0%{background:var(--orange-light)}to{background:transparent}}.modal-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 24px 60px #0f172a47;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);overflow-y:auto;z-index:1001;padding:22px}.fl{display:flex;flex-direction:column;gap:5px}.fl-l{font-size:11px;font-weight:600;color:var(--text-body)}.input{height:34px;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:inherit;color:var(--text);background:#fff;outline:none;width:100%}.input.sm{height:28px;padding:0 9px;font-size:12px}.input.mono{font-family:JetBrains Mono,monospace;font-size:12px}.input:focus{border-color:var(--navy-light);box-shadow:0 0 0 3px #2e55971f}textarea.input{resize:vertical;line-height:1.5}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-backdrop{position:fixed;inset:0;background:#0f172a66;z-index:100;animation:fadeIn .16s ease-out}.drawer{position:fixed;top:0;right:0;bottom:0;width:560px;max-width:92vw;background:#fff;z-index:101;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slideIn .22s cubic-bezier(.2,.8,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-header{padding:16px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.drawer-title{font-size:16px;font-weight:700;color:var(--text)}.drawer-body{flex:1;overflow-y:auto;padding:22px}.drawer-footer{padding:12px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;background:var(--bg-soft)}.dl{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;font-size:13px}.dl dt{color:var(--text-muted);font-weight:500;font-size:12px;padding-top:1px}.dl dd{margin:0;color:var(--text);font-weight:500;word-break:break-word}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-weight:600;margin:0 0 10px}.cmdk-backdrop{position:fixed;inset:0;background:#0f172a73;z-index:200;display:flex;justify-content:center;padding-top:96px;animation:fadeIn .12s ease-out}.cmdk{width:620px;max-width:92vw;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;max-height:70vh;animation:cmdIn .16s cubic-bezier(.2,.8,.2,1)}@keyframes cmdIn{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.cmdk-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.cmdk-input input{flex:1;border:none;outline:none;font-size:15px;color:var(--text)}.cmdk-input input::placeholder{color:var(--text-muted)}.cmdk-list{overflow-y:auto;padding:8px}.cmdk-section{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:8px 12px 4px}.cmdk-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);font-size:13px;color:var(--text);cursor:pointer}.cmdk-item:hover,.cmdk-item.active{background:var(--bg-soft)}.cmdk-item .shortcut{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-muted)}.cmdk-foot{display:flex;gap:16px;align-items:center;padding:8px 16px;border-top:1px solid var(--border);background:var(--bg-soft);font-size:11px;color:var(--text-muted)}.cmdk-foot kbd{font-family:JetBrains Mono,monospace;font-size:10px;background:#fff;border:1px solid var(--border);padding:1px 5px;border-radius:3px;margin-right:4px}.progress-bar{height:6px;background:var(--bg-softer);border-radius:3px;overflow:hidden;width:100%}.progress-bar>span{display:block;height:100%;background:var(--navy);border-radius:3px}.progress-bar.green>span{background:var(--green)}.progress-bar.amber>span{background:var(--amber)}.progress-bar.red>span{background:var(--red)}.progress-bar.orange>span{background:var(--orange)}.split-2{display:grid;grid-template-columns:2fr 1fr;gap:16px}.split-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.muted{color:var(--text-muted)}.mono{font-family:JetBrains Mono,monospace;font-size:12px}.txn-id{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-body)}.flag-code{display:inline-block;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;background:var(--bg-softer);color:var(--text-body);padding:1px 5px;border-radius:3px;margin-right:6px;letter-spacing:.04em}.avatar-sm{width:24px;height:24px;border-radius:50%;background:var(--navy-50);color:var(--navy);display:inline-grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0}.op-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 6px 1px 4px;font-size:11px;font-weight:600;background:var(--bg-softer);border:1px solid var(--border);border-radius:4px;color:var(--text)}.op-chip .swatch{width:8px;height:8px;border-radius:2px}.divider{height:1px;background:var(--border);margin:12px 0}.empty{padding:56px 24px;text-align:center;color:var(--text-muted)}.empty .empty-icon{width:56px;height:56px;border-radius:12px;background:var(--bg-softer);display:inline-grid;place-items:center;margin-bottom:14px;color:var(--text-muted)}.empty .empty-title{font-size:14px;color:var(--text);font-weight:600;margin-bottom:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px;border:2px solid var(--bg-soft)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.login-shell{display:grid;grid-template-columns:1fr 1fr;height:100vh;min-height:600px}.poster{background:linear-gradient(135deg,#15294a,#1f3864 45%,#2e5597);color:#fff;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.poster:before{content:"";position:absolute;top:-160px;right:-160px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(232,93,44,.22) 0%,transparent 65%);pointer-events:none}.poster:after{content:"";position:absolute;bottom:-120px;left:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(46,85,151,.55) 0%,transparent 70%);pointer-events:none}.poster-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.poster-illus{position:absolute;inset:0;pointer-events:none}.poster-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;max-width:520px}.poster-wordmark{height:38px;width:auto;display:block;margin-bottom:10px}.poster-logo{display:flex;align-items:center;gap:11px}.poster-logo .wordmark{font-weight:700;font-size:19px;letter-spacing:-.01em;color:#fff}.poster-logo .sub{font-size:12px;color:#ffffff8c;margin-left:39px;margin-top:-5px;letter-spacing:.02em}.poster-headline{font-size:36px;font-weight:700;letter-spacing:-.025em;line-height:1.15;color:#fff;margin-top:20px}.poster-headline em{font-style:normal;color:#ffb89a}.poster-tag{font-size:15px;line-height:1.55;color:#ffffffb8;max-width:440px;margin-top:4px}.poster-foot{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px}.poster-bullets{display:flex;flex-direction:column;gap:10px}.poster-bullet{display:flex;align-items:center;gap:11px;font-size:13px;color:#ffffffd9}.poster-bullet .dot{width:22px;height:22px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:#ffb89a;flex-shrink:0}.poster-restricted{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:12px;color:#ffffffc7;width:max-content}.form-pane{display:flex;align-items:center;justify-content:center;padding:48px;background:#fff;position:relative}.form-pane .env-tag{position:absolute;top:24px;right:28px;font-size:10px;font-weight:700;letter-spacing:.05em;padding:3px 8px;border-radius:10px;background:var(--green-bg);color:var(--green-fg)}.form-pane .form-card{width:100%;max-width:420px}.form-card h1{font-size:24px;font-weight:700;letter-spacing:-.018em;color:var(--text);margin:0 0 6px}.form-card .lead{font-size:13px;color:var(--text-body);margin-bottom:26px}.field{margin-bottom:14px}.field-label{display:block;font-size:12px;font-weight:600;color:var(--text);margin-bottom:6px}.field-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.field-row a{font-size:12px;color:var(--navy);font-weight:500}.field-row a:hover{text-decoration:underline}.input-wrap{position:relative}.login-input{width:100%;height:42px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);font-size:14px;font-family:inherit;transition:border-color .12s,box-shadow .12s}.login-input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #1f38641a}.login-input.with-icon{padding-left:40px}.login-input.with-suffix{padding-right:44px}.input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-suffix{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius);background:transparent;border:none;color:var(--text-muted);cursor:pointer}.input-suffix:hover{background:var(--bg-soft);color:var(--text-body)}.submit{width:100%;justify-content:center;height:44px;font-size:14px;font-weight:600;margin-top:6px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-body);margin:6px 0 18px}.checkbox-row input{width:15px;height:15px;accent-color:var(--navy)}.divider-line{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:600}.divider-line:before,.divider-line:after{content:"";flex:1;height:1px;background:var(--border)}.mfa-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);font-size:13px;color:var(--text-body);line-height:1.5}.mfa-note .icon{color:var(--navy);margin-top:1px;flex-shrink:0}.mfa-note strong{color:var(--text);font-weight:600;display:block;margin-bottom:2px}.security-notice{display:flex;align-items:flex-start;gap:9px;margin-top:26px;padding-top:18px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);line-height:1.55}.security-notice .icon{color:var(--text-muted);flex-shrink:0;margin-top:1px}.form-pane .foot{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:11px;color:var(--text-muted)}.otp-row{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0 22px}.otp-cell{width:44px;height:52px;flex:0 0 44px;min-width:0;padding:0;text-align:center;font-size:20px;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:var(--radius);transition:border-color .12s,box-shadow .12s}.otp-cell:nth-child(3){margin-right:8px}.otp-cell:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #e85d2c2e}.otp-cell.filled{border-color:var(--navy);color:var(--navy)}.otp-help{font-size:12px;color:var(--text-body);display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.otp-help a{color:var(--navy);font-weight:500}.otp-resend{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;font-size:12px;color:var(--text-muted)}.otp-resend a{color:var(--navy);font-weight:500}.state-toggle{position:fixed;bottom:20px;left:20px;z-index:50;display:flex;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;font-size:12px}.state-toggle button{padding:8px 14px;background:transparent;border:none;color:var(--text-body);font-weight:500;border-right:1px solid var(--border)}.state-toggle button:last-child{border-right:none}.state-toggle button.active{background:var(--navy);color:#fff}@media(max-width:880px){.login-shell{grid-template-columns:1fr;grid-template-rows:280px 1fr}.poster{padding:28px}.poster-headline{font-size:26px}.poster-bullets{display:none}}