:root{--bg-0:#0b1020;--bg-1:#0f172a;--bg-2:#1e1b4b;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--violet-500:#8b5cf6;--text:#e2e8f0;--text-soft:rgba(226,232,240,.72);--text-mute:rgba(226,232,240,.45);--glass:hsla(0,0%,100%,.04);--glass-strong:hsla(0,0%,100%,.07);--glass-border:hsla(0,0%,100%,.1);--glass-border-strong:hsla(0,0%,100%,.18);--accent:var(--sky-400);--accent-2:var(--indigo-400);--accent-glow:rgba(56,189,248,.35);--accent-glow-2:rgba(129,140,248,.3);--ok:#22c55e;--ok-glow:rgba(34,197,94,.25);--err:#f87171;--err-glow:hsla(0,91%,71%,.25);--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"JetBrains Mono","SF Mono",Consolas,monospace;--radius-sm:8px;--radius:14px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-0);color:var(--text);font-family:var(--sans);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;min-height:100vh}body{background:radial-gradient(ellipse 70% 50% at 12% 8%,rgba(99,102,241,.35),transparent 60%),radial-gradient(ellipse 60% 50% at 88% 18%,rgba(14,165,233,.3),transparent 60%),radial-gradient(ellipse 80% 60% at 50% 110%,rgba(139,92,246,.25),transparent 60%),linear-gradient(180deg,var(--bg-1) 0,var(--bg-0) 60%,#050816 100%);background-attachment:fixed;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.04) 0,transparent 25%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.04) 0,transparent 25%);pointer-events:none;z-index:0}button,input,select,textarea{font-family:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent);color:var(--bg-0)}.app{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{position:-webkit-sticky;position:sticky;top:0;width:240px;flex-shrink:0;height:100vh;padding:24px 16px;display:flex;flex-direction:column;gap:28px;background:var(--glass);border-right:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 8px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,var(--indigo-500),var(--sky-500));border-radius:10px;box-shadow:0 6px 18px var(--accent-glow-2)}.brand-text{font-weight:700;letter-spacing:-.015em;font-size:1.02rem;color:var(--text)}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-soft);font-size:.92rem;font-weight:500;border:1px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}.nav-item:hover{background:var(--glass);color:var(--text);text-decoration:none}.nav-item.active{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(14,165,233,.15));border-color:rgba(129,140,248,.4);color:#fff;box-shadow:0 0 30px var(--accent-glow)}.nav-icon{font-family:var(--mono);font-size:.95rem;width:22px;text-align:center;opacity:.85}.sidebar-foot{margin-top:auto;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-mute);border-top:1px solid var(--glass-border)}.app-main{flex:1 1;min-width:0}@media (max-width:768px){.app{flex-direction:column}.sidebar{position:relative;width:100%;height:auto;flex-direction:row;align-items:center;padding:12px 16px;gap:14px;border-right:none;border-bottom:1px solid var(--glass-border)}.sidebar-nav{flex-direction:row;flex-wrap:wrap;flex:1 1}.sidebar-foot{display:none}}.shell{max-width:1080px;margin:0 auto;padding:56px 28px 96px;position:relative;z-index:1}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;margin-bottom:48px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 20px 60px rgba(0,0,0,.35)}.masthead h1{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.025em;line-height:1.05;background:linear-gradient(135deg,#fff 0,var(--sky-300) 50%,var(--indigo-400) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.masthead .meta{letter-spacing:.16em;text-align:right;line-height:1.6;color:var(--text-mute)}.masthead .meta,.section-label{font-family:var(--mono);font-size:.7rem;text-transform:uppercase}.section-label{letter-spacing:.2em;margin-bottom:18px;display:flex;align-items:center;gap:12px;color:var(--text-soft)}.section-label:before{content:"";display:block;width:24px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}section+section{margin-top:40px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:20px 22px;cursor:pointer;text-align:left;color:inherit;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,hsla(0,0%,100%,.06),transparent 40%);pointer-events:none}.card:hover{transform:translateY(-3px);background:var(--glass-strong);border-color:var(--glass-border-strong);box-shadow:0 12px 40px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.04)}.card.selected{background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(14,165,233,.18));border-color:rgba(129,140,248,.55);box-shadow:0 0 0 1px rgba(129,140,248,.35) inset,0 16px 48px rgba(99,102,241,.3),0 0 60px var(--accent-glow)}.card.selected .card-title{color:#fff}.card-title{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;line-height:1.25;margin-bottom:6px;color:#f1f5f9}.card-meta{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-mute);word-break:break-all}.card-desc{margin-top:10px;font-size:.88rem;line-height:1.5;color:var(--text-soft)}.form{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 20px 60px rgba(0,0,0,.3)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field label{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft)}.field .help{font-size:.82rem;color:var(--text-mute)}.field input,.field select,.field textarea{background:rgba(15,23,42,.6);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:12px 14px;font-size:.95rem;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.field input::placeholder,.field textarea::placeholder{color:var(--text-mute)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:rgba(15,23,42,.85);box-shadow:0 0 0 4px var(--accent-glow)}.field textarea{min-height:120px;resize:vertical;font-family:var(--mono);font-size:.88rem;line-height:1.5}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-soft) 50%),linear-gradient(135deg,var(--text-soft) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}.btn{position:relative;background:linear-gradient(135deg,var(--indigo-500),var(--sky-500));color:#fff;border:1px solid hsla(0,0%,100%,.14);border-radius:var(--radius-sm);padding:13px 26px;font-size:.78rem;font-family:var(--mono);font-weight:600;text-transform:uppercase;letter-spacing:.16em;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),0 8px 24px rgba(99,102,241,.35)}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 1px 0 hsla(0,0%,100%,.22) inset,0 14px 36px rgba(99,102,241,.45),0 0 40px var(--accent-glow)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.btn.ghost{background:var(--glass);color:var(--text);box-shadow:none;border-color:var(--glass-border)}.btn.ghost:hover:not(:disabled){background:var(--glass-strong);box-shadow:0 8px 24px rgba(0,0,0,.25)}.output{margin-top:24px;border:1px solid var(--glass-border);border-radius:var(--radius);background:rgba(15,23,42,.55);padding:22px 24px;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.output.ok{border-color:rgba(34,197,94,.35);box-shadow:0 0 0 1px rgba(34,197,94,.12) inset,0 0 50px var(--ok-glow)}.output.err{border-color:hsla(0,91%,71%,.4);box-shadow:0 0 0 1px hsla(0,91%,71%,.15) inset,0 0 50px var(--err-glow)}.output-head{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;margin-bottom:12px;display:flex;justify-content:space-between;color:var(--text-soft)}.output.ok .output-head span:first-child{color:var(--ok)}.output.err .output-head span:first-child{color:var(--err)}.output pre{font-family:var(--mono);font-size:.82rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--text-soft)}.output-count{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-mute);margin-bottom:14px}.table-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.data-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.8rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;background:hsla(0,0%,100%,.03);border-bottom:1px solid var(--glass-border-strong);white-space:nowrap}.data-table td,.data-table th{padding:10px 14px;color:var(--text-soft)}.data-table td{border-bottom:1px solid var(--glass-border);word-break:break-word}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:rgba(56,189,248,.06)}.data-table tbody tr:last-child td{border-bottom:none}.empty{border:1px dashed var(--glass-border-strong);border-radius:var(--radius);padding:28px;color:var(--text-mute);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.empty code{font-family:var(--mono);background:rgba(56,189,248,.12);color:var(--sky-300);padding:2px 8px;border-radius:4px;border:1px solid rgba(56,189,248,.25)}.stat-grid{display:grid;grid-gap:14px;gap:14px}.stat-grid-2{grid-template-columns:repeat(2,1fr);margin-top:16px}.stat-grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat{background:rgba(15,23,42,.45);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:16px 18px}.stat.stat-sm{padding:12px 14px}.stat-value{font-size:1.8rem;font-weight:700;letter-spacing:-.02em;line-height:1;color:#fff}.stat.stat-sm .stat-value{font-size:1.4rem}.stat.stat-accent .stat-value{background:linear-gradient(135deg,var(--sky-300),var(--indigo-400));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{margin-top:6px;font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-mute)}.stat-card{cursor:default}.stat-card.stat-error{border-color:hsla(0,91%,71%,.35);box-shadow:inset 0 0 0 1px hsla(0,91%,71%,.1)}.stat-error-text{margin-top:14px;font-family:var(--mono);font-size:.78rem;color:var(--err);word-break:break-word}.mini-list{margin-top:18px;padding-top:14px;border-top:1px dashed var(--glass-border);display:flex;flex-direction:column;gap:6px}.mini-list-label{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-mute);margin-bottom:4px}.mini-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.mini-row code{font-family:var(--mono);font-size:.78rem;color:var(--sky-300);background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.18);padding:2px 6px;border-radius:4px}.mini-uses{font-family:var(--mono);font-size:.72rem;color:var(--text-soft);letter-spacing:.06em}.btn.btn-sm{padding:8px 14px;font-size:.68rem;letter-spacing:.12em}