:root{color-scheme:dark;--bg: #020106;--bg-2: #090314;--panel: rgba(12, 7, 25, .88);--panel-soft: rgba(24, 10, 48, .72);--line: rgba(174, 97, 255, .24);--line-hot: rgba(203, 144, 255, .52);--text: #f3ecff;--muted: #a899c7;--accent: #9b4dff;--accent-2: #e05cff;--accent-3: #6e22ff;--warn: #ff4f8b;--shadow: 0 24px 80px rgba(63, 15, 144, .38), 0 0 42px rgba(142, 61, 255, .12);--glow: 0 0 22px rgba(155, 77, 255, .55), 0 0 54px rgba(87, 24, 255, .25);font-family:Segoe UI Variable,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 50% -10%,rgba(159,62,255,.34),transparent 28%),radial-gradient(circle at 8% 18%,rgba(83,18,194,.36),transparent 27%),radial-gradient(circle at 92% 14%,rgba(209,67,255,.22),transparent 25%),radial-gradient(circle at 50% 115%,rgba(93,30,210,.26),transparent 42%),linear-gradient(180deg,#010103 0%,var(--bg) 42%,var(--bg-2) 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 44%,rgba(171,83,255,.08) 45%,transparent 47%),radial-gradient(circle at 50% 28%,transparent 0 16%,rgba(157,74,255,.12) 17%,transparent 18% 100%);mix-blend-mode:screen;opacity:.8;animation:arcane-drift 9s ease-in-out infinite alternate}button,input,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.sidebar{padding:20px;border-right:1px solid var(--line);background:linear-gradient(180deg,#120725d1,#04020ae0),radial-gradient(circle at top,rgba(145,58,255,.2),transparent 36%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:0;box-shadow:inset -1px 0 #d298ff1f}.content{padding:20px;min-width:0}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,460px);display:grid;gap:18px;position:relative;overflow:hidden}.auth-card h1{margin:0;font-size:34px;line-height:1}.field{display:grid;gap:8px}.brand{padding:14px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#220c44e6,#070310eb),radial-gradient(circle at top right,rgba(176,77,255,.24),transparent 42%);box-shadow:var(--shadow);position:relative;overflow:hidden;display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center}.brand:after,.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 28%,rgba(154,72,255,.08));opacity:.7}.brand h1{margin:0 0 7px;font-size:25px;line-height:1;text-shadow:0 0 18px rgba(175,91,255,.58)}.brand p{margin:0;color:var(--muted);font-size:14px;line-height:1.35}.brand-logo{width:82px;height:82px;object-fit:cover;border-radius:20px;border:1px solid rgba(218,158,255,.42);box-shadow:0 0 24px #9b4dffb8,0 0 52px #5e1cff6b,inset 0 0 18px #ffffff1f;position:relative;z-index:1}.brand-copy{min-width:0;position:relative;z-index:1}.brand-user{min-width:0;position:relative;z-index:1;display:grid;gap:6px;padding:12px;border-radius:17px;border:1px solid rgba(210,144,255,.24);background:radial-gradient(circle at right,rgba(181,73,255,.18),transparent 42%),#08031285;box-shadow:inset 0 0 18px #8f41ff1f}.brand-user span{width:fit-content;color:#e9d4ff;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:999px;border:1px solid rgba(210,144,255,.28);background:#8b37ff2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-user strong{color:#f8efff;font-size:14px;line-height:1.25;overflow-wrap:anywhere;text-shadow:0 0 16px rgba(196,102,255,.62)}.badge,.eyebrow,.pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;border-radius:999px;padding:7px 10px;font-size:12px}.badge,.eyebrow{color:#e7d2ff;background:#8a38ff2e;border:1px solid rgba(207,151,255,.32);box-shadow:0 0 18px #8f41ff3d;text-transform:uppercase;letter-spacing:.08em}.pill{border:1px solid var(--line);background:#2d125473;color:var(--text);box-shadow:inset 0 0 18px #9949ff14}.pill.ok{border-color:#b269ff70;color:#e6ccff;box-shadow:var(--glow)}.pill.danger{border-color:#ff4f8b5c;color:#ffb6d0}.tabs{display:grid;gap:10px;margin:16px 0}.tab{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(135deg,#150828b8,#05020cc7);color:var(--text);text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.tab:hover{border-color:var(--line-hot);transform:translateY(-1px);box-shadow:0 0 24px #7d31ff38}.tab small{color:var(--muted)}.tab.active{background:linear-gradient(135deg,#5f19d485,#d94cff29),radial-gradient(circle at left,rgba(177,93,255,.28),transparent 44%);border-color:#cf97ff8a;box-shadow:var(--glow)}.panel{padding:18px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,#120924e8,#070311eb),radial-gradient(circle at top right,rgba(151,63,255,.15),transparent 34%);box-shadow:var(--shadow);min-width:0;position:relative;overflow:hidden}.panel.compact{margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2,.panel h2,.panel h3{margin:0}.stack{display:grid;gap:12px}.mini{padding:14px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#260f497a,#0a041794);display:grid;gap:6px;min-width:0}.mini span,.stat span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--muted)}.danger-text{color:#ffb4d1;border-color:#ff4f8b4d;background:#ff4f8b1a}.mini strong,.stat strong{font-size:18px;line-height:1.2;overflow-wrap:anywhere}.stats-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:14px;border-radius:16px;background:linear-gradient(145deg,#31135f80,#080312b3);border:1px solid var(--line);min-width:0;box-shadow:inset 0 0 22px #9a48ff14}.topbar{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:16px}.topbar h2{margin:8px 0 0;font-size:32px;min-width:0;text-shadow:0 0 20px rgba(178,93,255,.52)}.top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.security-banner{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,79,139,.5);background:radial-gradient(circle at left,rgba(255,79,139,.2),transparent 34%),linear-gradient(135deg,#370926c7,#120624d1);box-shadow:0 0 26px #ff4f8b38}.security-banner div{display:grid;gap:4px;min-width:0}.security-banner small{color:var(--muted)}.page-grid{display:grid;gap:16px}.page-grid.split{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.hero-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-card{border-radius:18px;padding:16px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(174,83,255,.22),transparent 38%),linear-gradient(180deg,#250d498f,#090416a3);display:grid;gap:6px;box-shadow:inset 0 0 24px #8f3fff1f}.hero-card span,.label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.divider{height:1px;margin:16px 0;background:var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}input,select,.key-actions input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#090414eb,#030108f0);color:var(--text);outline:none;box-shadow:inset 0 0 18px #7226ff14}input:focus,select:focus{border-color:#d885ffad;box-shadow:0 0 0 3px #9b4dff2e,var(--glow)}select option{color:var(--text);background:#120722}select option:checked{color:#fff;background:#5f19d4}input::placeholder{color:#beabe0a8}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.button{border:1px solid rgba(230,181,255,.34);border-radius:999px;padding:12px 16px;color:#fff8ff;font-weight:800;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.28),transparent 28%),linear-gradient(135deg,var(--accent-3),var(--accent),var(--accent-2));box-shadow:0 12px 28px #621aff57,inset 0 0 18px #ffffff1f;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.button:hover{transform:translateY(-1px);box-shadow:0 16px 34px #882cff6b,var(--glow);filter:saturate(1.1)}.button.secondary{color:var(--text);background:#54219747;border:1px solid rgba(189,122,255,.3);box-shadow:inset 0 0 18px #8f41ff1f}.button.danger{color:#ffd7e8;background:#ff4f8b29;border:1px solid rgba(255,79,139,.32)}.button:disabled,button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}.feed{display:grid;gap:10px}.feed-item{text-align:left;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#18093194,#080312b8);padding:14px;color:var(--text);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.feed-item:hover{border-color:var(--line-hot);transform:translateY(-1px)}.feed-item.active,.selected{border-color:#d47eff8c;box-shadow:inset 0 0 0 1px #ca80ff1f,var(--glow)}.feed-top,.feed-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.feed-meta,.empty{color:var(--muted);font-size:13px}.empty{padding:16px;border-radius:16px;background:#250e4a47;border:1px dashed var(--line)}.list{display:grid;gap:12px}.key-row{display:grid;gap:10px;padding:14px;border-radius:18px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(142,54,255,.15),transparent 34%),linear-gradient(180deg,#1a0a3494,#090415bd)}.key-row.active{border-color:#d684ff70;box-shadow:inset 0 0 0 1px #a64fff24,0 0 26px #6e22ff2e}.key-row.warning{border-color:#ff4f8bb8;box-shadow:0 0 26px #ff4f8b6b,0 0 58px #88123a40}.key-main{text-align:left;border:0;background:transparent;color:var(--text);display:grid;gap:6px;padding:0;min-width:0}.key-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.key-main .mono,.mono{font-family:Consolas,SFMono-Regular,Menlo,Monaco,monospace;overflow-wrap:anywhere;word-break:break-word}.key-main small{color:var(--muted)}.key-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:8px;align-items:center;min-width:0}.filter-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.admin-filter-grid{grid-template-columns:minmax(0,1fr) 220px;margin:0}.receiver-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:16px}.receiver-card{display:grid;gap:12px;padding:16px;border-radius:20px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(155,77,255,.16),transparent 38%),linear-gradient(180deg,#14082bbd,#05020cdb);box-shadow:inset 0 0 24px #7022ff1a}.receiver-card.online{border-color:#d684ff8a;box-shadow:var(--glow)}.receiver-card.warning{border-color:#ff4f8bb8;box-shadow:0 0 26px #ff4f8b75,0 0 58px #88123a47}.receiver-head{display:flex;align-items:center;gap:10px;min-width:0}.receiver-head strong{overflow-wrap:anywhere}.pulse-dot{width:11px;height:11px;border-radius:999px;background:#a899c78c;box-shadow:0 0 14px #a899c752;flex:0 0 auto}.pulse-dot.online{background:#e05cff;box-shadow:0 0 18px #e05cffd6,0 0 38px #6e22ff7a;animation:pulse-glow 1.6s ease-in-out infinite}.pulse-dot.warning{background:#ff4f8b;box-shadow:0 0 18px #ff4f8be6,0 0 42px #ff1c5c75;animation:danger-ping 1s ease-in-out infinite}.timeline{display:grid;gap:12px;margin-top:16px}.timeline-item{display:grid;grid-template-columns:16px minmax(0,1fr);gap:12px;padding:14px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#18093180,#080312ad)}.timeline-dot{width:10px;height:10px;margin-top:5px;border-radius:999px;background:var(--accent-2);box-shadow:var(--glow)}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line)}.table{width:100%;border-collapse:collapse;background:linear-gradient(180deg,#0d061dc7,#05020cd6)}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#9a4dff1c}.empty-cell{color:var(--muted);padding:22px 14px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.json-box{margin:0;padding:14px;border-radius:18px;background:linear-gradient(180deg,#05020ceb,#010004f0);border:1px solid var(--line);overflow:auto;max-height:420px;box-shadow:inset 0 0 24px #7022ff1a}.toggle{display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;border:1px solid var(--line);background:#250e4a47}.toggle input{width:18px;height:18px;margin:0}.note{padding:14px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#250e4a4d,#0a04176b);color:var(--muted)}.note strong{color:var(--text)}.reset-result{display:grid;gap:10px}.reset-result>.mono{font-size:18px;overflow-wrap:anywhere;text-shadow:0 0 16px rgba(196,102,255,.62)}@media (max-width: 1180px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.page-grid.split{grid-template-columns:1fr}}@media (max-width: 760px){.content,.sidebar{padding:14px}.topbar{align-items:start;flex-direction:column}.hero-grid,.form-grid,.filter-grid,.admin-filter-grid,.detail-grid,.stats-grid,.key-actions{grid-template-columns:1fr}.key-actions{display:grid}}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.28);opacity:1}}@keyframes danger-ping{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.45);opacity:1}}@keyframes arcane-drift{0%{opacity:.55;transform:translate3d(-8px,-4px,0) scale(1)}to{opacity:.86;transform:translate3d(8px,6px,0) scale(1.03)}}