:root{--blue:#2563eb;--blue2:#1747bf;--navy:#0b1730;--ink:#10213f;--muted:#6c7b94;--page:#f4f7fc;--line:#e4ebf5;--danger:#e34a5b;--shadow:0 12px 32px rgba(25,53,98,.08);--radius:18px}*{box-sizing:border-box}html{min-width:320px}body{margin:0;color:var(--ink);background:radial-gradient(900px 480px at 100% -120px,#e0edff 0%,transparent 70%),var(--page);font:14px/1.55 Manrope,"Segoe UI",Arial,sans-serif}body:before{content:"";position:fixed;bottom:0;left:0;width:360px;height:360px;background:radial-gradient(circle,#e8f0ff,transparent 67%);pointer-events:none;z-index:-1}aside{position:fixed;inset:0 auto 0 0;width:258px;z-index:3;padding:28px 14px;background:linear-gradient(155deg,#0b1730,#102448 55%,#132b56);color:#fff;box-shadow:10px 0 40px rgba(12,31,67,.16)}aside:after{content:"";position:absolute;right:-70px;bottom:42px;width:180px;height:180px;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}aside h1{position:relative;margin:0 11px 28px;font-size:24px;line-height:1;font-weight:800;letter-spacing:-1px}aside h1:before,.brand:before{content:"✦";display:inline-grid;place-items:center;width:31px;height:31px;margin-right:9px;border-radius:10px;background:linear-gradient(145deg,#4d8bff,#2761da);color:#fff;font-size:16px;vertical-align:middle;box-shadow:0 7px 18px #071d454f}.user{margin:0 4px 20px;padding:11px 13px;overflow:hidden;color:#e6efff;white-space:nowrap;text-overflow:ellipsis;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:12px;font-weight:700}nav{display:grid;gap:5px;position:relative}nav a{position:relative;padding:10px 12px 10px 15px;border-radius:10px;color:#b8c7e2;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,transform .2s}nav a:before{content:"";width:6px;height:6px;margin-right:10px;display:inline-block;border-radius:50%;background:#5c739c;vertical-align:2px;transition:.2s}nav a:hover{color:#fff;text-decoration:none;transform:translateX(3px);background:rgba(255,255,255,.1)}nav a:hover:before{background:#7fb0ff;box-shadow:0 0 0 4px rgba(127,176,255,.15)}nav a:last-child{margin-top:12px;color:#ffb8c1;background:rgba(228,74,91,.1)}nav a:last-child:before{background:#ff7585}main{max-width:1650px;min-height:100vh;margin-left:258px;padding:36px clamp(20px,3vw,52px) 70px;animation:page-in .35s ease-out}main.guest{display:grid;place-items:center;margin:0;padding:24px;background:radial-gradient(circle at 20% 18%,#d5e6ff,transparent 31%),radial-gradient(circle at 86% 83%,#dfeaff,transparent 30%),var(--page)}header{display:flex;align-items:center;min-height:42px;margin-bottom:26px}h1,h2,h3{color:var(--navy);line-height:1.2}h2{margin:0;font-size:28px;font-weight:800;letter-spacing:-1.2px}h3{margin:0 0 15px;font-size:16px;font-weight:800;letter-spacing:-.35px}.card{position:relative;margin:0 0 20px;padding:22px;background:rgba(255,255,255,.92);border:1px solid rgba(222,231,244,.9);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(12px);transition:box-shadow .25s,transform .25s}.card:hover{box-shadow:0 17px 40px rgba(25,53,98,.11)}.login,.login-card{width:min(100%,430px);padding:32px;background:#fff;border:1px solid rgba(218,229,244,.9);border-radius:22px;box-shadow:0 24px 60px rgba(27,64,120,.14)}.login-card h1{margin:0 0 8px;font-size:25px}.login-card p{margin:0 0 24px;color:var(--muted)}.brand{margin:0 0 26px;color:var(--navy);font-size:24px;font-weight:800;letter-spacing:-.9px}label{display:block;margin:0 0 15px;color:#2a3d5e;font-size:13px;font-weight:800}input,select,textarea{display:block;width:100%;margin-top:7px;padding:11px 13px;color:var(--ink);background:#fbfdff;border:1px solid #d7e1ee;border-radius:10px;font:500 14px/1.45 inherit;outline:0;transition:border .2s,box-shadow .2s,background .2s}input:hover,select:hover,textarea:hover{border-color:#b7c9e2}input:focus,select:focus,textarea:focus{background:#fff;border-color:#5c8df4;box-shadow:0 0 0 4px rgba(63,122,241,.13)}textarea{min-height:92px;resize:vertical}input[type=checkbox]{display:inline-block;width:auto;margin:0 7px 0 0;accent-color:var(--blue);vertical-align:-1px}button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,#3476f2,#1f5be0);box-shadow:0 6px 13px rgba(37,99,235,.2);font:800 13px/1 inherit;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s}button:hover{filter:brightness(1.04);box-shadow:0 10px 18px rgba(37,99,235,.28);transform:translateY(-2px)}button:active{box-shadow:none;transform:translateY(0)}a{color:#2563eb;font-weight:800;text-decoration:none;transition:color .18s}a:hover{color:#1747bf;text-decoration:none}.error,.notice{margin:0 0 18px;padding:12px 14px;border-radius:12px;font-weight:700}.error{color:#ad1e32;background:#fff1f3;border:1px solid #ffd1d8}.notice{color:#087556;background:#ecfcf5;border:1px solid #b9f0d9}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.wide{grid-column:1/-1}details.card{padding:0;overflow:hidden}details summary{display:flex;align-items:center;min-height:62px;padding:16px 21px;list-style:none;color:var(--navy);font-size:15px;font-weight:800;cursor:pointer;transition:background .2s}details summary:hover{background:#f8fbff}details summary::-webkit-details-marker{display:none}details summary:before{content:"+";display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px;margin-right:10px;border-radius:50%;color:#2563eb;background:#e7f0ff;font-size:18px;font-weight:500;transition:transform .2s}details[open] summary{border-bottom:1px solid var(--line)}details[open] summary:before{content:"–";transform:rotate(180deg)}details.card>form{padding:21px 22px}.stats{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:24px}.stats.monitor{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}.stats article{position:relative;min-height:120px;overflow:hidden;padding:21px 20px;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #e2eaf5;border-radius:17px;box-shadow:0 9px 20px rgba(25,53,98,.055);transition:transform .22s,box-shadow .22s}.stats article:hover{box-shadow:0 15px 30px rgba(25,53,98,.11);transform:translateY(-4px)}.stats article:before{content:"";position:absolute;right:-21px;top:-22px;width:76px;height:76px;border:15px solid #dceaff;border-radius:50%}.stats article:nth-child(2):before{border-color:#e6e0ff}.stats article:nth-child(3):before{border-color:#d9f4eb}.stats article:nth-child(4):before{border-color:#ffe9d0}.stats b{position:relative;z-index:1;display:block;margin-bottom:6px;color:var(--navy);font-size:28px;line-height:1.1;font-weight:800;letter-spacing:-1px}.stats span{position:relative;z-index:1;color:var(--muted);font-size:12px;font-weight:800}table{width:100%;overflow:hidden;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e1e9f4;border-radius:var(--radius);box-shadow:var(--shadow)}th,td{padding:15px 16px;text-align:left;vertical-align:middle;border-bottom:1px solid #edf2f8}th{color:#627594;background:#f8faff;font-size:11px;font-weight:800;letter-spacing:.45px;text-transform:uppercase}tbody tr{transition:background .18s}tbody tr:hover{background:#f7faff}tbody tr:last-child td{border-bottom:0}td form{display:inline-block;margin:4px 0 0}td form button{min-height:31px;padding:6px 10px;color:#c92942;background:#fff1f3;box-shadow:none;font-size:11px}td form button:hover{color:#a6162d;background:#ffe3e7;box-shadow:none}td button{min-height:34px;padding:7px 11px;font-size:12px}.actions{white-space:nowrap}.edit-link{display:inline-block;padding:6px 4px;font-size:12px}.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;margin:14px 0 19px;padding:15px;border:1px solid #e8eef7;border-radius:12px;background:#f9fbfe}.checks label{margin:0;color:#40526e;font-size:12px;font-weight:700}.checks input{margin-top:0}.actions details{display:inline-block}.actions details summary{min-height:auto;padding:6px 4px;color:var(--blue);font-size:12px}.actions details summary:before{display:none}.actions details form{position:absolute;z-index:5;width:285px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 35px rgba(20,50,98,.18)}small{color:var(--muted);font-weight:600}@keyframes page-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:1000px){aside{width:222px}main{margin-left:222px;padding:29px 24px 60px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){body:before{display:none}aside{position:relative;width:100%;padding:17px 14px 13px;box-shadow:none}aside h1{display:inline-block;margin:0 9px 0 4px;font-size:22px}.user{display:inline-block;max-width:55%;margin:0;padding:7px 9px;vertical-align:middle}nav{display:flex;gap:5px;overflow-x:auto;margin-top:15px;padding-bottom:2px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{flex:0 0 auto;padding:8px 10px;border:1px solid rgba(255,255,255,.08);font-size:12px}nav a:last-child{margin:0}main{margin:0;padding:25px 16px 46px}header{margin-bottom:20px}h2{font-size:25px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stats article{min-height:106px;padding:16px}.stats b{font-size:23px}table{display:block;overflow-x:auto;white-space:nowrap}.card{padding:17px}.login,.login-card{padding:25px 21px}details.card>form{padding:18px}}@media(max-width:420px){main{padding:19px 11px 36px}.stats{grid-template-columns:1fr 1fr}.stats article{min-width:0;padding:14px}.stats article:before{transform:scale(.78);transform-origin:top right}th,td{padding:12px 11px}button{width:100%}td button,td form button{width:auto}.grid button{width:100%}}