:root{--bg-color: #0a0a0c;--panel-color: #121214;--accent-color: #7c4dff;--accent-hover: #6a3de8;--text-main: #e2e2e2;--text-muted: #8e8e93;--border-color: #2c2c2e;--success: #3dd68c;--danger: #ff4d4d;--glass: rgba(18, 18, 20, .8);--shadow: 0 8px 32px 0 rgba(0, 0, 0, .8)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--panel-color);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.btn{padding:10px 18px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease;font-family:inherit}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-main)}.btn-secondary:hover{background:#ffffff0d}input{background:var(--panel-color);border:1px solid var(--border-color);color:#fff;padding:10px 14px;border-radius:8px;outline:none;width:100%}input:focus{border-color:var(--accent-color)}.badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-open{background:#3dd68c1a;color:var(--success)}.badge-closed{background:#ff4d4d1a;color:var(--danger)}