:root{color-scheme:dark;--bg: #070a12;--border: rgba(255, 255, 255, .12);--glass: rgba(255, 255, 255, .06);--glass-2: rgba(255, 255, 255, .085);--glass-border: rgba(255, 255, 255, .16);--glass-border-2: rgba(255, 255, 255, .22);--shadow: rgba(0, 0, 0, .45);--shadow-2: rgba(0, 0, 0, .3);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .72);--muted-2: rgba(255, 255, 255, .56);--primary: #6ea8fe;--danger: #ff6b6b;--success: #2ecc71;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}html,body{height:100%;margin:0;background:radial-gradient(1200px 900px at 12% 18%,rgba(110,168,254,.38),transparent 60%),radial-gradient(900px 700px at 80% 22%,rgba(46,204,113,.22),transparent 58%),radial-gradient(900px 700px at 68% 82%,rgba(255,107,107,.22),transparent 55%),radial-gradient(900px 800px at 20% 85%,rgba(154,109,255,.18),transparent 55%),linear-gradient(180deg,#05060c,var(--bg));color:var(--text)}button,input,select,textarea{font:inherit}body:before,body:after{content:"";position:fixed;top:-200px;right:-200px;bottom:-200px;left:-200px;pointer-events:none;z-index:-1;filter:blur(70px);opacity:.65;transform:translateZ(0)}body:before{background:radial-gradient(closest-side at 25% 30%,rgba(110,168,254,.52),transparent 65%),radial-gradient(closest-side at 75% 40%,rgba(154,109,255,.45),transparent 62%),radial-gradient(closest-side at 45% 85%,rgba(46,204,113,.35),transparent 60%);animation:floatBlobA 10s ease-in-out infinite alternate}body:after{background:radial-gradient(closest-side at 70% 65%,rgba(255,107,107,.38),transparent 62%),radial-gradient(closest-side at 30% 70%,rgba(110,168,254,.28),transparent 60%);animation:floatBlobB 12s ease-in-out infinite alternate}@keyframes floatBlobA{0%{transform:translate3d(-14px,-10px,0) rotate(-1deg) scale(1.02)}to{transform:translate3d(18px,12px,0) rotate(1deg) scale(1.05)}}@keyframes floatBlobB{0%{transform:translate3d(12px,-8px,0) rotate(1deg) scale(1.01)}to{transform:translate3d(-16px,14px,0) rotate(-1deg) scale(1.05)}}@media (prefers-reduced-motion: reduce){body:before,body:after{animation:none}}.layout{display:grid;grid-template-columns:280px 1fr;height:100vh;gap:16px;padding:16px;box-sizing:border-box}.sidebar{border:1px solid var(--glass-border);background:linear-gradient(180deg,#ffffff1a,#ffffff0b);box-shadow:0 18px 60px var(--shadow),inset 0 1px #ffffff1f;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);padding:18px 16px;box-sizing:border-box;overflow:auto;border-radius:18px}.brand{font-weight:700;letter-spacing:.3px;margin:2px 0 14px;font-size:18px}.menu{display:grid;gap:10px}.menu-item{text-align:left;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff16,#ffffff0a);box-shadow:0 10px 26px var(--shadow-2),inset 0 1px #ffffff1a;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);color:var(--text);padding:10px 12px;border-radius:14px;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease;position:relative;overflow:hidden}.menu-item:before{content:"";position:absolute;inset:-40% -20% auto -20%;height:120%;background:radial-gradient(closest-side,rgba(255,255,255,.28),transparent 65%);opacity:.35;transform:rotate(-8deg);pointer-events:none}.menu-item:hover{transform:translateY(-1px);border-color:#fff3;box-shadow:0 14px 34px var(--shadow),inset 0 1px #ffffff1f}.menu-item.active{border-color:#6ea8fe80;background:linear-gradient(180deg,#6ea8fe2e,#ffffff0d);box-shadow:0 16px 40px #0000006b,0 0 0 1px #6ea8fe1f inset,inset 0 1px #ffffff24}.menu-title{font-weight:650;font-size:14px}.menu-desc{margin-top:4px;font-size:12px;color:var(--muted)}.content{padding:22px 24px;box-sizing:border-box;overflow:auto;border-radius:18px;border:1px solid var(--glass-border);background:linear-gradient(180deg,#ffffff16,#ffffff09);box-shadow:0 18px 60px var(--shadow),inset 0 1px #ffffff1f;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.content-header{margin-bottom:16px}.content-title{margin:0;font-size:20px}.content-subtitle{margin-top:6px;color:var(--muted);font-size:13px}.panel{border:1px solid rgba(255,255,255,.14);border-radius:16px;background:linear-gradient(180deg,#ffffff12,#ffffff08);box-shadow:0 12px 34px #0000004d,inset 0 1px #ffffff1a;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);padding:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid.single{grid-template-columns:1fr}.field{display:grid;gap:6px}.label{font-size:12px;color:var(--muted)}.input{border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:var(--text);border-radius:12px;padding:9px 10px;outline:none;box-shadow:inset 0 1px #ffffff14;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%)}.input:focus{border-color:#6ea8fea6;box-shadow:0 0 0 3px #6ea8fe1f,inset 0 1px #ffffff1a}.actions{display:flex;gap:10px;margin-top:14px;align-items:center}.btn{border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#ffffff1a,#ffffff0d);color:var(--text);padding:9px 12px;border-radius:12px;cursor:pointer;box-shadow:0 12px 28px #00000047,inset 0 1px #ffffff1f;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.btn.primary{border-color:#6ea8fe8c;background:linear-gradient(180deg,#6ea8fe38,#ffffff0f);box-shadow:0 14px 34px #00000052,0 0 0 1px #6ea8fe1f inset,inset 0 1px #ffffff24}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:#ffffff38;box-shadow:0 18px 44px #00000061,inset 0 1px #ffffff24}.btn:disabled{opacity:.6;cursor:not-allowed}.hint{font-size:12px;color:var(--muted-2)}.alert{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);font-size:12px;white-space:pre-wrap}.alert.error{border-color:#ff6b6b8c;background:#ff6b6b1a}.alert.success{border-color:#2ecc7180;background:#2ecc711f}