:root{--bg:#07111f;--bg2:#0b1729;--panel:#0f1c31;--panel2:#13233b;--line:#223754;--text:#edf5ff;--muted:#8fa6c2;--blue:#4d8dff;--cyan:#4de1ff;--green:#3ddc97;--amber:#f9bd52;--red:#ff6b7c;--shadow:0 20px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 75% 0,#132b4c 0,transparent 34%),linear-gradient(150deg,var(--bg),#091524 55%,#07101c);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:min(460px,100%);background:rgba(15,28,49,.9);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.brand{display:flex;gap:13px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#625cff);display:grid;place-items:center;font-weight:900}.brand b{display:block;font-size:15px}.brand small{color:var(--muted)}.login-card h1{font-size:30px;margin:30px 0 8px}.login-card>p{color:var(--muted);line-height:1.6;margin:0 0 24px}.field{display:grid;gap:8px;margin:14px 0}.field label{font-size:13px;color:#b8c8da}.field input,.field select,.search{width:100%;border:1px solid var(--line);background:#0a1627;color:var(--text);padding:12px 13px;border-radius:11px;outline:none}.field input:focus,.field select:focus,.search:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(77,141,255,.12)}.check{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin:12px 0 20px}.btn{border:1px solid var(--line);background:#13233b;color:var(--text);padding:10px 13px;border-radius:10px;font-weight:700}.btn:hover{filter:brightness(1.12)}.btn.primary{background:linear-gradient(135deg,var(--blue),#6060ff);border-color:transparent}.btn.danger{color:#ffb0ba;border-color:#633344;background:#281622}.btn.good{color:#9ff0cb;border-color:#285644;background:#10291f}.btn.small{padding:7px 9px;font-size:12px}.btn.wide{width:100%;padding:12px}.error-box{background:#301820;border:1px solid #69313e;color:#ffb5bf;padding:11px 12px;border-radius:10px;margin:10px 0}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:rgba(7,17,31,.94);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column}.sidebar .brand{padding:3px 8px 22px}.nav-label{font-size:10px;letter-spacing:.15em;color:#607a9b;font-weight:800;padding:18px 10px 7px;text-transform:uppercase}.nav button{width:100%;border:0;background:transparent;color:#9eb2c9;display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;text-align:left}.nav button:hover,.nav button.active{background:#132743;color:#fff}.nav button.active{box-shadow:inset 3px 0 var(--blue)}.nav .icon{width:19px;text-align:center;color:#71a4ff}.side-user{margin-top:auto;border-top:1px solid var(--line);padding:16px 8px 0}.side-user b,.side-user small{display:block}.side-user small{color:var(--muted);margin-top:4px;word-break:break-word}.main{min-width:0}.topbar{height:66px;border-bottom:1px solid var(--line);background:rgba(8,18,31,.72);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.topbar h2{margin:0;font-size:15px}.topbar .actions{display:flex;gap:8px}.content{padding:24px;max-width:1600px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head h1{margin:0;font-size:30px}.page-head p{margin:7px 0 0;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#70a6ff;font-weight:800;margin-bottom:8px}.grid{display:grid;gap:16px}.grid.kpis{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.card,.panel{background:linear-gradient(180deg,rgba(18,35,58,.95),rgba(12,25,43,.96));border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.card{padding:16px}.kpi span{font-size:12px;color:var(--muted)}.kpi strong{display:block;font-size:25px;margin:7px 0 4px}.kpi small{color:#7890ad}.panel{padding:18px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.panel-title h2{font-size:16px;margin:0}.panel-title p{font-size:12px;color:var(--muted);margin:4px 0 0}.status{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:11px}.status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber)}.status.ok{color:#a6f0ce}.status.ok::before{background:var(--green);box-shadow:0 0 10px var(--green)}.status.bad{color:#ffb4bd}.status.bad::before{background:var(--red)}.meter{height:8px;background:#091423;border:1px solid #1e3350;border-radius:999px;overflow:hidden;margin-top:10px}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:999px}.metric-row{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(34,55,84,.5)}.metric-row:last-child{border-bottom:0}.metric-row label{color:var(--muted);font-size:12px}.metric-row strong{font-size:13px}.spark{width:100%;height:145px;color:#5b9bff;display:block}.empty-chart{height:145px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.world{height:300px;position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:radial-gradient(circle at 52% 48%,rgba(41,102,171,.18),transparent 45%),linear-gradient(#091828,#071220)}.world::before,.world::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(77,141,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(77,141,255,.09) 1px,transparent 1px);background-size:36px 36px}.world::after{background:radial-gradient(ellipse at 22% 38%,rgba(74,139,210,.18) 0 12%,transparent 13%),radial-gradient(ellipse at 51% 35%,rgba(74,139,210,.16) 0 10%,transparent 11%),radial-gradient(ellipse at 68% 42%,rgba(74,139,210,.17) 0 14%,transparent 15%),radial-gradient(ellipse at 78% 68%,rgba(74,139,210,.16) 0 9%,transparent 10%),radial-gradient(ellipse at 34% 67%,rgba(74,139,210,.15) 0 8%,transparent 9%)}.map-dot{position:absolute;z-index:2;width:13px;height:13px;border:0;border-radius:50%;background:var(--cyan);transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(77,225,255,.12),0 0 18px var(--cyan)}.map-empty{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:11px 12px;border-bottom:1px solid rgba(34,55,84,.65);text-align:left;font-size:12px;vertical-align:top}.table th{color:#7791b0;font-weight:800;background:#0c192b;position:sticky;top:0}.table tr:last-child td{border-bottom:0}.muted{color:var(--muted);font-size:11px;margin-top:3px}.pill{display:inline-block;border-radius:999px;border:1px solid var(--line);padding:3px 7px;font-size:10px}.pill.green{color:#9eeec8;border-color:#275944;background:#10291f}.pill.red{color:#ffb0bb;border-color:#673545;background:#2d1721}.pill.blue{color:#acd0ff;border-color:#2d5184;background:#102442}.list{display:grid;gap:9px}.list-row{display:flex;justify-content:space-between;gap:14px;padding:11px;border:1px solid rgba(34,55,84,.7);border-radius:11px;background:#0a1728}.list-row b,.list-row small{display:block}.list-row small{color:var(--muted);margin-top:4px;line-height:1.45}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.toolbar .search{max-width:330px}.actions-inline{display:flex;gap:6px;flex-wrap:wrap}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9ac2ff}.note{padding:12px;border:1px solid var(--line);border-radius:10px;color:#aabed5;background:#0a1728;line-height:1.55;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(1,7,13,.72);z-index:30;display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);background:#0f1d31;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.modal h2{margin:0 0 8px}.modal p{color:var(--muted)}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}#toast-root{position:fixed;right:18px;bottom:18px;z-index:50;display:grid;gap:8px}.toast{padding:11px 13px;background:#13233b;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);font-size:12px}.toast.error{border-color:#6a3441;color:#ffb6c0}.toast.ok{border-color:#285945;color:#a7efcf}.login-foot{margin-top:20px;color:#667e9b;font-size:11px;text-align:center}.hamb{display:none}@media(max-width:1180px){.grid.kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;z-index:25;transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.hamb{display:inline-flex}.content{padding:16px}.grid.two,.grid.three{grid-template-columns:1fr}.grid.kpis{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 14px}.page-head{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.grid.kpis{grid-template-columns:1fr 1fr}.card{padding:13px}.page-head h1{font-size:25px}.world{height:230px}}