:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9edf5;background:#070b12;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0%,#18243c 0,#0a0f18 34%,#070b12 70%);min-width:1100px}button,input,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;padding:25px 16px 18px;border-right:1px solid #1b2433;background:#080c14eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:2px 9px 20px}.brand-mark{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:20px;background:linear-gradient(135deg,#6d5dfc,#18c8ff);box-shadow:0 8px 28px #4d5cff33}.brand-name{font-weight:800;letter-spacing:-.4px}.brand-sub{font-size:9px;color:#738097;letter-spacing:1.5px;margin-top:3px}.live-pill,.secure-badge{border:1px solid #263143;background:#101722;color:#8f9db2;border-radius:999px;font-size:11px;padding:8px 11px;display:inline-flex;align-items:center;gap:7px}.live-pill{margin:4px 8px 18px}.dot{width:7px;height:7px;border-radius:50%;background:#657084}.dot.online{background:#38e08f;box-shadow:0 0 12px #38e08f}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{color:#8995a9;text-decoration:none;padding:11px 12px;border-radius:10px;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:600}.nav-item:hover{background:#121a27;color:#fff}.nav-item.active{background:linear-gradient(90deg,#171f31,#111a28);color:#fff;box-shadow:inset 2px 0 #6d5dfc}.nav-icon{width:19px;text-align:center;color:#71809a}.nav-item.active .nav-icon{color:#9b92ff}.sidebar-bottom{margin-top:auto;border-top:1px solid #1b2433;padding:14px 6px 0}.user-mini{display:flex;gap:9px;align-items:center}.avatar,.top-avatar{width:34px;height:34px;border-radius:11px;background:#1b2740;color:#a9b7ff;display:grid;place-items:center;font-weight:800}.user-copy{display:flex;flex-direction:column;min-width:0}.user-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy span{font-size:10px;color:#758298;margin-top:2px}.ghost-btn{margin-top:12px;width:100%;background:transparent;color:#8290a5;border:1px solid #263143;border-radius:9px;padding:8px;cursor:pointer}.main{margin-left:254px;flex:1;min-height:100vh}.topbar{height:88px;border-bottom:1px solid #1b2433;display:flex;justify-content:space-between;align-items:center;padding:0 34px;background:#090e16cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:4}.eyebrow{font-size:9px;color:#66758d;letter-spacing:2px}.topbar h1{font-size:22px;margin:5px 0 0;letter-spacing:-.5px}.top-actions{display:flex;gap:13px;align-items:center}.content{padding:28px 34px 50px;max-width:1600px}.grid{display:grid;gap:16px}.kpi-grid{grid-template-columns:repeat(5,minmax(150px,1fr))}.card{background:linear-gradient(180deg,#101722,#0d131d);border:1px solid #1d2838;border-radius:16px;box-shadow:0 18px 50px #0002}.kpi{padding:18px 19px;min-height:116px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-28px;top:-35px;background:#6d5dfc16}.kpi-label{font-size:10px;color:#77869b;text-transform:uppercase;letter-spacing:1.1px}.kpi-value{font-size:26px;font-weight:800;margin-top:11px;letter-spacing:-1px}.kpi-meta{font-size:10px;color:#69778c;margin-top:6px}.two-col{grid-template-columns:1.55fr 1fr;margin-top:16px}.section{padding:20px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-head h3{margin:0;font-size:14px}.muted{color:#718097;font-size:11px}.btn{border:0;border-radius:9px;padding:9px 13px;cursor:pointer;background:linear-gradient(135deg,#7567ff,#4c83ff);color:#fff;font-weight:700;font-size:11px}.btn.secondary{background:#172131;border:1px solid #2a3749;color:#c6cfdd}.btn.danger{background:#321b24;color:#ff9fac;border:1px solid #562a38}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:#65748a;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:700;padding:10px 12px;border-bottom:1px solid #1c2736}.table td{padding:13px 12px;border-bottom:1px solid #182230;font-size:11px;color:#cbd4e1}.table tr:hover td{background:#101a28}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.status.ok{background:#123023;color:#54e89c}.status.bad{background:#331b25;color:#ff8498}.status.wait{background:#302b18;color:#e7c76e}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chart{height:265px;position:relative;overflow:hidden}.chart svg{width:100%;height:220px}.legend{display:flex;gap:18px;font-size:10px;color:#77869a}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7d6dff;margin-right:5px}.activity{max-height:320px;overflow:auto}.activity-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #182230}.activity-dot{width:8px;height:8px;border-radius:50%;background:#35d992}.activity-copy{flex:1}.activity-copy b{display:block;font-size:11px}.activity-copy span{color:#6f7d91;font-size:9px}.toolbar{display:flex;gap:9px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.input,.select{background:#0c131e;border:1px solid #273345;color:#dbe3ee;border-radius:9px;padding:10px 11px;outline:none;font-size:11px}.input:focus,.select:focus{border-color:#655bdb}.grow{flex:1}.page-grid{display:grid;gap:16px;grid-template-columns:1fr}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:10px;color:#7b899d}.empty{padding:38px;text-align:center;color:#65738a;font-size:12px}.route-line{height:12px;background:#161f2d;border-radius:99px;overflow:hidden}.route-fill{height:100%;background:linear-gradient(90deg,#695cff,#19c7ff);border-radius:99px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02050aaa;display:grid;place-items:center;z-index:20}.modal{width:620px;background:#0c131e;border:1px solid #293548;border-radius:18px;padding:22px;box-shadow:0 30px 100px #000}.modal h2{margin:0 0 18px;font-size:18px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.hero h2{font-size:26px;margin:3px 0}.hero p{color:#718097;font-size:11px;margin:0}.metric-line{display:flex;justify-content:space-between;color:#9aa7ba;font-size:10px;margin:11px 0 6px}.small{font-size:10px;color:#718097}.tag{padding:4px 7px;border:1px solid #293649;border-radius:7px;font-size:9px;color:#9aa8bc}.notice{padding:12px 14px;border-radius:10px;background:#171d2b;border:1px solid #2a3346;color:#9eabc0;font-size:10px;margin-bottom:14px}.nav-group{font-size:8px;text-transform:uppercase;letter-spacing:1.7px;color:#4f5e74;padding:13px 12px 5px}.three-col{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.date-field{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#718097}.click-row{cursor:pointer}.click-row:hover td{background:#121d2d!important}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#1d2838;border:1px solid #1d2838;border-radius:12px;overflow:hidden}.detail-row{display:flex;flex-direction:column;gap:5px;padding:13px;background:#0d141e}.detail-row span{font-size:9px;color:#718097;text-transform:uppercase;letter-spacing:.8px}.detail-row b{font-size:11px;overflow:hidden;text-overflow:ellipsis}.modal-actions{display:flex;gap:8px}.report-card strong{display:block;font-size:24px;margin:16px 0 8px;color:#e9edf5}.report-card h3{margin:7px 0 0}.hero .eyebrow{margin-bottom:4px}.toolbar .muted{margin-left:auto}@media (max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.three-col{grid-template-columns:1fr}.content{padding:22px}.topbar{padding:0 22px}}.login-shell{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% -10%,#26375d 0,#0b111c 45%,#06090f)}.login-card{width:min(430px,calc(100vw - 36px));padding:34px;border:1px solid #273449;border-radius:24px;background:#0b121ddf;box-shadow:0 40px 120px #0008;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);position:relative;z-index:2}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-brand b{display:block;font-size:15px}.login-brand span{display:block;color:#65758e;font-size:8px;letter-spacing:1.5px;margin-top:3px}.login-heading>span{font-size:8px;letter-spacing:1.7px;color:#7e72ff}.login-heading h1{font-size:30px;letter-spacing:-1.2px;margin:8px 0}.login-heading p{font-size:11px;line-height:1.7;color:#738198;margin:0 0 25px}.login-field{display:flex;flex-direction:column;gap:7px;color:#8d9bb0;font-size:10px;margin-bottom:15px}.login-field input{background:#080f19;border:1px solid #263246;border-radius:11px;padding:12px 13px;color:#e8eef8;outline:none}.login-field input:focus{border-color:#7065ff;box-shadow:0 0 0 3px #7065ff18}.login-btn{width:100%;margin-top:4px;padding:12px}.login-error{background:#321a24;border:1px solid #5b2b3b;color:#ff9aaa;border-radius:10px;padding:10px;font-size:10px;margin-bottom:13px}.login-footer{display:flex;justify-content:center;gap:7px;color:#59677c;font-size:9px;margin-top:18px}.login-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.28}.glow-a{width:280px;height:280px;background:#675bff;top:-130px;left:15%}.glow-b{width:240px;height:240px;background:#16c7e8;right:4%;bottom:-120px}.big-number{font-size:30px;display:block;margin-top:12px;letter-spacing:-1px}.hero .toolbar{margin:0}body{min-width:0;overflow-x:hidden}.sidebar{overflow:hidden}.nav-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin}.nav-scroll::-webkit-scrollbar{width:6px}.nav-scroll::-webkit-scrollbar-thumb{background:#2b3850;border-radius:99px}.nav-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-footer-note{padding:12px 8px 0;border-top:1px solid #1b2433;color:#58667b;font-size:9px;line-height:1.7;flex-shrink:0}.account-wrap{position:relative}.account-button{display:flex;align-items:center;gap:9px;border:1px solid #263449;background:#101824;color:#e9edf5;border-radius:12px;padding:5px 9px 5px 6px;cursor:pointer}.account-button:hover{border-color:#425373;background:#151f2e}.account-copy{text-align:left;min-width:105px}.account-copy b{display:block;font-size:11px}.account-copy span{display:block;color:#75849a;font-size:9px;margin-top:2px}.chevron{color:#8290a5;font-size:16px}.account-menu{position:absolute;right:0;top:48px;width:270px;background:#0c131e;border:1px solid #29374b;border-radius:14px;padding:8px;box-shadow:0 25px 70px #0008;z-index:30}.account-menu-head{padding:10px;border-bottom:1px solid #1e2a3a;margin-bottom:5px}.account-menu-head b{display:block;font-size:11px;word-break:break-all}.account-menu-head span{display:block;color:#68778c;font-size:9px;margin-top:4px}.menu-action{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:#cbd5e2;padding:10px;border-radius:9px;cursor:pointer;text-align:left;font-size:11px}.menu-action:hover{background:#151f2d}.danger-text{color:#ff91a0}.activity-panel{position:sticky;top:88px;z-index:3;margin:0 34px;padding:16px 18px;background:#0d141f;border:1px solid #29364a;border-radius:0 0 14px 14px;box-shadow:0 15px 45px #0005}.activity-panel-head{display:flex;justify-content:space-between;align-items:center}.activity-panel-head b{display:block;font-size:13px}.activity-panel-head span{display:block;color:#708097;font-size:9px;margin-top:4px}.icon-btn{background:transparent;border:0;color:#9eacc0;font-size:22px;cursor:pointer}.activity-filter-row{display:flex;align-items:flex-end;gap:9px;margin:12px 0}.activity-filter-row label{display:flex;flex-direction:column;gap:5px;color:#718097;font-size:9px}.activity-table-wrap{max-height:310px;overflow:auto}.event-pill{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.event-login{background:#123326;color:#50e89b}.event-logout{background:#32212a;color:#ff9aaa}.kpi{transition:transform .18s ease,border-color .18s ease}.kpi:hover{transform:translateY(-2px);border-color:#354762}.kpi:nth-child(1) .kpi-value{color:#54e89c}.kpi:nth-child(2) .kpi-value{color:#72d7ff}.kpi:nth-child(3) .kpi-value{color:#f1d36e}.kpi:nth-child(4) .kpi-value{color:#a99aff}.kpi:nth-child(5) .kpi-value{color:#ff9ad0}.status.ok{box-shadow:0 0 0 1px #2c754e55}.status.bad{box-shadow:0 0 0 1px #81384a55}.status.wait{box-shadow:0 0 0 1px #806d3155}@media (max-width:1050px){.sidebar{width:220px}.main{margin-left:220px}.content{padding:20px}.topbar{padding:0 20px}.activity-panel{margin:0 20px}.account-copy{display:none}}@media (max-width:760px){.sidebar{width:74px;padding-left:9px;padding-right:9px}.main{margin-left:74px}.brand-name,.brand-sub,.live-pill,.nav-group,.nav-item span:last-child,.sidebar-footer-note{display:none}.brand{justify-content:center;padding-bottom:12px}.nav-item{justify-content:center;padding:12px}.nav-icon{width:auto;font-size:16px}.topbar h1{font-size:18px}.secure-badge{display:none}.content{padding:16px}.kpi-grid{grid-template-columns:1fr 1fr}.two-col,.three-col{grid-template-columns:1fr}.activity-panel{margin:0 16px}.activity-filter-row{flex-wrap:wrap}}.health-bar{height:18px;border-radius:99px;background:#301b25;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #293346}.health-success{background:linear-gradient(90deg,#20c77a,#52e69b);height:100%}.health-failed{background:linear-gradient(90deg,#ef546b,#ff7f8f);height:100%}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.health-stat{display:flex;align-items:center;gap:9px;padding:12px;border-radius:12px;border:1px solid #253145;background:#0c131e}.health-stat b{display:block;font-size:16px}.health-stat small{display:block;color:#6f7e94;font-size:9px;margin-top:2px}.health-dot{width:9px;height:9px;border-radius:50%;flex:none}.health-stat.success .health-dot{background:#42df91;box-shadow:0 0 12px #42df9166}.health-stat.failed .health-dot{background:#ff667d;box-shadow:0 0 12px #ff667d66}.health-stat.pending .health-dot{background:#e7c76e;box-shadow:0 0 12px #e7c76e55}.health-stat.success b{color:#54e89c}.health-stat.failed b{color:#ff8498}.health-stat.pending b{color:#e7c76e}@media (max-width:760px){.health-grid{grid-template-columns:1fr}}