:root{--bg-color: #121212;--surface-color: #1e1e1e;--surface-hover: #2c2c2c;--text-primary: #e0e0e0;--text-secondary: #aaaaaa;--accent-blue: #0052cc;--accent-green: #00c853;--accent-red: #d50000;--border-color: #333333}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.container{max-width:1200px;margin:0 auto;padding:20px}button{background-color:var(--accent-blue);color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s}button:hover{background-color:#003d99}button:disabled{background-color:#555;cursor:not-allowed}button.btn-green{background-color:var(--accent-green)}button.btn-green:hover{background-color:#009624}button.btn-red{background-color:var(--accent-red)}button.btn-red:hover{background-color:#9b0000}input,select{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);padding:10px;border-radius:6px;outline:none}input:focus,select:focus{border-color:var(--accent-blue)}.card{background-color:var(--surface-color);border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid var(--border-color);box-shadow:0 4px 6px #0000004d}.card-title{font-size:1.2rem;font-weight:700;margin-top:0;margin-bottom:12px;border-bottom:1px solid var(--border-color);padding-bottom:8px}