*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d14;--surface: #13131f;--surface2: #1c1c2e;--border: #2a2a40;--accent: #7c6fff;--accent-dark: #6055e0;--accent2: #ff6b8a;--green: #00d68f;--yellow: #ffc94d;--text: #e8e8f5;--muted: #6b6b8f;--card: #16162a;--radius: 12px;--shadow: 0 4px 24px rgba(0,0,0,.4);font-family:Inter,sans-serif}body{background:var(--bg);color:var(--text);min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}img{max-width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-sm{font-size:13px}.text-xs{font-size:11px}.fw-600{font-weight:600}.fw-700{font-weight:700}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;border:none;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text);background:var(--surface2)}.btn-danger{background:#ff6b8a26;color:var(--accent2);border:1px solid rgba(255,107,138,.3)}.btn-danger:hover{background:#ff6b8a40}.btn-sm{padding:6px 14px;font-size:12px}.btn-lg{padding:14px 28px;font-size:16px}.btn-full{width:100%;justify-content:center}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:11px 14px;color:var(--text);font-size:14px;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--muted)}textarea.form-input{resize:vertical;min-height:100px}select.form-input option{background:var(--surface2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-error{font-size:12px;color:var(--accent2);margin-top:4px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600}.badge-accent{background:#7c6fff26;color:var(--accent);border:1px solid rgba(124,111,255,.25)}.badge-green{background:#00d68f1f;color:var(--green);border:1px solid rgba(0,214,143,.2)}.badge-red{background:#ff6b8a1f;color:var(--accent2);border:1px solid rgba(255,107,138,.2)}.badge-yellow{background:#ffc94d1f;color:var(--yellow);border:1px solid rgba(255,201,77,.2)}.badge-gray{background:var(--surface2);color:var(--muted);border:1px solid var(--border)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{display:flex;align-items:center;justify-content:center;min-height:60vh}.alert{padding:12px 16px;border-radius:var(--radius);font-size:13px;margin-bottom:16px}.alert-error{background:#ff6b8a1a;border:1px solid rgba(255,107,138,.25);color:var(--accent2)}.alert-success{background:#00d68f1a;border:1px solid rgba(0,214,143,.2);color:var(--green)}.empty-state{text-align:center;padding:60px 24px;color:var(--muted)}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:18px;color:var(--text);margin-bottom:8px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.container{padding:0 16px}.hide-mobile{display:none!important}}