@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg:#07070c;--panel:#1418228c;--panel-2:#ffffff0d;--border:#ffffff14;--text:#e8eaf2;--muted:#8b93a7;--accent:#7c8cff;--accent-2:#2dd4bf;--danger:#ef4444;--ok:#22c55e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;filter:blur(40px)saturate(1.1);background:radial-gradient(38% 38% at 22% 26%,#7c8cff33,#0000 62%),radial-gradient(32% 32% at 80% 18%,#2dd4bf26,#0000 62%),radial-gradient(42% 42% at 72% 78%,#a855f729,#0000 62%),radial-gradient(38% 38% at 24% 84%,#3b82f624,#0000 62%);animation:26s ease-in-out infinite alternate aurora;position:fixed;inset:-25%}body:after{content:"";z-index:-1;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 25%,#000,#0000 92%);mask-image:radial-gradient(circle at 50% 25%,#000,#0000 92%)}@keyframes aurora{0%{transform:translate(-3%,-2%)rotate(0)scale(1.05)}50%{transform:translate(3%,2%)rotate(4deg)scale(1.12)}to{transform:translate(-2%,3%)rotate(-3deg)scale(1.08)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px);background:#0c0e1680;flex-direction:column;width:210px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{letter-spacing:4px;text-transform:uppercase;color:var(--text);text-shadow:0 0 18px #7c8cff80;margin-bottom:26px;font-size:22px;font-weight:300}.nav{flex-direction:column;gap:4px;display:flex}.navlink{color:var(--muted);letter-spacing:.2px;border-radius:9px;padding:9px 12px;font-weight:400;text-decoration:none;transition:background .2s,color .2s}.navlink:hover{color:var(--text);background:#ffffff0d}.content{flex:1;max-width:1100px;padding:30px 34px;animation:.5s ease-out fadeUp}h1{letter-spacing:.4px;margin:0 0 4px;font-size:24px;font-weight:300}h2{letter-spacing:.2px;margin:28px 0 12px;font-size:16px;font-weight:500}.subtitle{color:var(--muted);margin:0 0 20px}.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);border-radius:14px;padding:16px 18px;transition:border-color .2s,transform .2s;box-shadow:0 8px 30px #00000038}.card:hover{border-color:#7c8cff59;transform:translateY(-2px)}.card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.card .value{letter-spacing:.3px;margin-top:6px;font-size:28px;font-weight:600}.card .value.accent{color:var(--accent-2)}.panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);border-radius:14px;margin-bottom:20px;padding:18px 20px;box-shadow:0 8px 30px #00000038}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}td.num,th.num{text-align:right}form.stack{flex-direction:column;gap:10px;max-width:520px;display:flex}.row{flex-wrap:wrap;gap:10px;display:flex}.row>*{flex:1}label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:9px;padding:9px 11px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#7c8cff8c;outline:none;box-shadow:0 0 0 3px #7c8cff1f}textarea{resize:vertical;min-height:90px}button{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#8b9cff,#6366f1);border:none;border-radius:9px;padding:9px 16px;font-size:14px;font-weight:500;transition:filter .15s,transform .1s;box-shadow:0 4px 16px #6366f147}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button.ghost{border:1px solid var(--border);color:var(--text);box-shadow:none;background:#ffffff0d}button.danger{color:var(--danger);border:1px solid var(--border);background:0 0;padding:6px 10px}.badge{border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.badge.ok{color:var(--ok);background:#22c55e26}.badge.fail{color:var(--danger);background:#ef444426}.badge.muted{background:var(--panel-2);color:var(--muted)}.mono{color:var(--muted);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.hint{color:var(--muted);margin-top:4px;font-size:12px}a.inline{color:var(--accent)}.empty{color:var(--muted);padding:16px 0}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);border-radius:16px;width:100%;max-width:340px;padding:32px 28px;box-shadow:0 20px 60px #0006}.login-error{color:var(--danger);margin:8px 0 0;font-size:13px}.input-error{border-color:var(--danger)!important}.field-msg{color:var(--danger);margin-top:4px;font-size:12px;display:block}.search-wrap{position:relative}.search-panel{z-index:20;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;width:360px;max-width:90vw;margin-top:8px;padding:10px;position:absolute;box-shadow:0 10px 30px #0006}.search-list{flex-direction:column;max-height:300px;margin-top:8px;display:flex;overflow-y:auto}.search-item{color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;text-decoration:none;display:flex}.search-item:hover{background:var(--panel)}.checklist{flex-direction:column;gap:6px;margin-top:4px;display:flex}.check{cursor:pointer;color:var(--text);align-items:center;gap:8px;display:flex}.check input{width:auto}.toast{z-index:1000;color:#d7f5e1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16291eeb;border:1px solid #22c55e73;border-radius:10px;align-items:center;gap:9px;padding:11px 16px;font-size:13px;font-weight:500;animation:.22s ease-out toast-in;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 8px 24px #00000059}.toast-out{animation:.4s ease-in forwards toast-out}.toast-check{background:var(--ok);color:#05130a;border-radius:99px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:800;display:inline-flex}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}