*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:#fff;background:#1a1a1a}a{color:#7bc8e8;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}table{border-collapse:collapse}:root{--bg-page: #1a1a1a;--bg-card: #2a2a2a;--bg-card-hover: #333;--bg-input: #333;--accent: #7bc8e8;--accent-hover: #5bb8de;--accent-light: rgba(123, 200, 232, .15);--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--border: #3a3a3a;--border-light: #2d2d2d;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.text-muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:500;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#1a1a1a}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#1da34d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-secondary{background:#3a3a3a;color:var(--text-primary);border:1px solid #444}.btn-secondary:hover:not(:disabled){background:#444}.btn-sm{padding:6px 12px;font-size:12px}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.badge-success{background:#22c55e33;color:var(--success)}.badge-warning{background:#f59e0b33;color:var(--warning)}.badge-danger{background:#ef444433;color:var(--danger)}.badge-info{background:var(--accent-light);color:var(--accent)}.card{background:var(--bg-card);border-radius:16px;padding:20px}.page-header h2{position:relative}.page-header h2:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#7bc8e8,transparent);border-radius:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:13px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer}