@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Segoe UI,sans-serif;color:#dfe9f5;background:#07152d}*{box-sizing:border-box}body{margin:0;background:#07152d}button,input,select,textarea{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 20%,#149e7470,transparent 29%),radial-gradient(circle at 86% 80%,#0b3d8d90,transparent 36%),linear-gradient(135deg,#061129,#0b2150)}.grid-glow{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.login-card{position:relative;width:420px;padding:34px;border:1px solid #ffffff26;border-radius:18px;background:#0a1d3ee8;box-shadow:0 32px 90px #00000060;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-logo{display:block;width:205px;height:79px;object-fit:cover;object-position:top;border-radius:7px;margin-bottom:23px}.eyebrow{font:500 10px DM Mono,monospace;letter-spacing:.16em;color:#29d193}.login-card h1{font-size:28px;letter-spacing:-.04em;margin:7px 0;color:#fff}.login-card p{color:#9eb1ca;font-size:13px;margin:0 0 20px}.shell{display:grid;grid-template-columns:252px 1fr;min-height:100vh;background:radial-gradient(circle at 90% 0,#14366b35,transparent 32%),#f3f7fb}aside{background:linear-gradient(180deg,#071a3a,#06142d 70%,#082249);color:#fff;display:flex;flex-direction:column;padding:24px 15px;gap:5px;border-right:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 20px}.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#fff}.brand b{font-size:20px;line-height:18px;letter-spacing:-.04em}.brand small{display:block;color:#9fb4cf;font-size:10px;margin-top:3px}.brand+.eyebrow{margin:0 11px 9px;color:#63e2b4}aside span{flex:1}aside button{position:relative;background:transparent;color:#aabdd4;border:0;text-align:left;padding:11px 12px;border-radius:7px;cursor:pointer;transition:.2s}aside button:hover{background:#ffffff0d;color:#fff}aside button.active{background:linear-gradient(90deg,#1dce8b30,#1b6bbd2b);color:#fff;box-shadow:inset 2px 0 #2bdb9a}.content{padding:34px;overflow:auto;max-width:1680px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}header h2{font-size:30px;letter-spacing:-.05em;margin:4px 0;color:#102e59}header p{color:#64748b;font-size:13px;margin:0}.live-status{display:flex;gap:7px;align-items:center;border:1px solid #b9e8d5;background:#effcf6;color:#12895c;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.live-status i{width:7px;height:7px;border-radius:50%;background:#29cf90;box-shadow:0 0 0 4px #29cf9028}.metrics{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr));gap:14px;margin:0 0 28px}.metrics article,.panel{background:#fff;border:1px solid #e4ecf4;border-radius:13px;box-shadow:0 8px 28px #0b2d5c0c}.metrics article{position:relative;overflow:hidden;padding:22px 18px}.metrics article:after{content:"";position:absolute;right:-20px;bottom:-28px;width:88px;height:88px;border:15px solid #22c98a13;border-radius:50%}.metrics article:nth-child(2n):after{border-color:#123a7d13}.metrics b{font-size:31px;letter-spacing:-.06em;color:#123a72;display:block}.metrics small{position:relative;color:#728197;font-size:11px;font-weight:700;z-index:1}.content h3{font-size:15px;color:#18365f;margin:18px 0 10px}.split{display:grid;grid-template-columns:minmax(305px,410px) 1fr;gap:18px;margin-top:18px}.panel{padding:21px}.table-panel{padding:0;overflow:auto}label{display:block;font-size:11px;font-weight:800;letter-spacing:.02em;margin:12px 0;color:#36506f}input,select,textarea{width:100%;margin-top:5px;border:1px solid #d6e1ed;border-radius:7px;padding:9px 10px;color:#163457;background:#fbfdff;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#29ca8c;box-shadow:0 0 0 3px #2bcf911d}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{padding-top:19px}.check input{width:auto;accent-color:#1bc98a}button{border:0;background:linear-gradient(120deg,#0b3a78,#167c92);color:#fff;border-radius:7px;padding:10px 15px;font-weight:700;font-size:12px;cursor:pointer;transition:transform .15s,filter .15s}button:hover{filter:brightness(1.12);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:wait}.secondary{background:#6b7c91;margin-left:8px}.link{padding:2px 5px;background:none;color:#087c8d}.link:hover{transform:none}.danger{color:#bd3e46}.error{color:#ac2534;background:#fff0f1;padding:9px;border-radius:7px;font-size:12px}.online{color:#079268;font-weight:800}.offline{color:#be5b24;font-weight:800}.secret{font-family:DM Mono,monospace;font-size:11px;max-width:260px;overflow-wrap:anywhere;color:#25517f}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#54708f;background:#f4f8fc;font:500 10px DM Mono,monospace;letter-spacing:.05em;text-transform:uppercase}th,td{padding:13px 14px;border-bottom:1px solid #e8eef5;vertical-align:top}tbody tr:hover{background:#f9fcff}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{flex-direction:row;align-items:center;overflow:auto;padding:10px}.brand{padding:0}.brand+.eyebrow,aside span{display:none}aside button{white-space:nowrap}.metrics{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.content{padding:20px}header{align-items:flex-start;gap:10px;flex-direction:column}}@media(max-width:480px){.login-card{width:calc(100% - 30px)}.metrics{grid-template-columns:1fr 1fr}.content{padding:14px}}