:root{--bg-app:#0c0d10;--surface:#13151a;--surface-card:#181b22;--surface-hover:#1f232c;--surface-elevated:#242934;--border:#262b36;--border-focus:#e58b20;--border-subtle:#1c202a;--amber-300:#fbbf24;--amber-400:#f59e0b;--amber-500:#d97706;--amber-glow:#f59e0b26;--green-400:#34d399;--red-400:#f87171;--cyan-400:#22d3ee;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dim:#6b7280;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--ff-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--ff-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--ff-sans);display:flex;overflow:hidden;-webkit-font-smoothing:antialiased;height:100vh;font-size:13px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--surface-elevated)}code,pre{font-family:var(--ff-mono)}.brand-badge{color:var(--amber-400);font-size:10.5px;font-weight:600;font-family:var(--ff-mono);background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:20px;padding:2px 7px}.btn{display:inline-flex;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--ff-sans);border:1px solid #0000;align-items: center;gap:6px;padding:6px 12px;transition:all .15s}.btn-primary{background:var(--amber-500);color:#000;font-weight:600}.btn-primary:hover{background:var(--amber-400);box-shadow:0 0 12px var(--amber-glow)}.btn-ghost{background:var(--surface-card);color:var(--text-main);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--text-dim)}.btn-danger{color:var(--red-400);background:#f871711a;border-color:#f8717140}.btn-danger:hover{background:#f8717133}.form-group{margin-bottom:14px}.form-label{display:block;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600}.form-input,.form-textarea,select.form-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--ff-mono);width:100%;padding:8px 12px;transition:border-color .15s;font-size:12px}.form-input:focus,.form-textarea:focus,select.form-input:focus{outline:none;border-color:var(--amber-400);box-shadow:0 0 0 2px var(--amber-glow)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-bottom:20px}.bento-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);position:relative;padding:16px 18px;transition:border-color .2s}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.stat-value{font-size:24px;font-weight:700;font-family:var(--ff-mono);color:var(--text-main);margin:6px 0 2px}.stat-sub{color:var(--text-dim);font-size:11px}.modal-backdrop{position:fixed;backdrop-filter:blur(6px);display:none;z-index:100;background:#000000bf;justify-content:center;align-items: center;inset:0}.modal-backdrop.active{display:flex}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:540px;padding:24px;box-shadow:0 20px 40px #000c}.modal-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:16px}.modal-title{color:var(--text-main);font-size:16px;font-weight:700}