:root{--bg:#000;--bg-secondary:#060606;--bg-tertiary:#0c0c0c;--border:#1e1e1e;--border-subtle:#141414;--text:#f0f0f0;--text-secondary:#8a8a8a;--text-muted:#555;--accent:#00c853;--accent-hover:#00e676;--accent-dim:#00c8531a;--success:#00c853;--warning:#facc15;--danger:#ff4d4d;--radius:8px;--radius-lg:12px;--surface-hover:#ffffff0a;--surface-active:#00c8530f;--shadow-sm:0 1px 3px #000c;--shadow-md:0 4px 16px #000000e6;--shadow-lg:0 8px 32px #000000f2;--glow:0 0 20px #00c8531f}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;border-radius:var(--radius);border:none;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .15s}.btn-primary{background:var(--accent);color:#000;box-shadow:var(--shadow-sm), 0 0 12px #00c85326;font-weight:600}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md), 0 0 20px #00c85340}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg-tertiary);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--accent)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:.375rem .75rem}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-icon{color:var(--text-secondary);border-radius:var(--radius);background:0 0;justify-content:center;align-items:center;padding:.375rem;display:inline-flex}.btn-icon:hover{background:var(--surface-hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}input,select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim), 0 0 10px #00c85314;outline:none}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.badge{border-radius:9999px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:var(--success);background:#00c8531a}.badge-warning{color:var(--warning);background:#d2992226}.badge-danger{color:var(--danger);background:#f8514926}.badge-info{background:var(--accent-dim);color:var(--accent)}.badge-muted{background:var(--bg-tertiary);color:var(--text-muted)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}.empty-state svg{opacity:.4}img,video,svg.responsive,canvas{max-width:100%;height:auto}pre,code{overflow-wrap:break-word}pre{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=767px){button,.btn-primary,.btn-secondary,.btn-ghost{min-height:44px}.btn-icon{min-width:36px;min-height:36px}input,select,textarea{min-height:44px;font-size:1rem}.card{padding:1rem}body{overflow-x:hidden}}