@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#c8102e;--color-primary-hover:#a50d26;--color-primary-light:#fcebeb;--color-primary-text:#a32d2d;--color-sidebar-bg:#1a1a2e;--color-sidebar-text:#9ca3af;--color-sidebar-active:#c8102e;--color-bg-page:#f3f4f6;--color-bg-card:#fff;--color-bg-secondary:#f9fafb;--color-border:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-success:#3b6d11;--color-success-bg:#eaf3de;--color-danger:#a32d2d;--color-danger-bg:#fcebeb;--color-warning:#633806;--color-warning-bg:#faeeda;--color-neutral-bg:#f1efe8;--font-sans:"Inter", sans-serif;--radius-md:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background:var(--color-bg-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}#app{height:100%}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;font-family:var(--font-sans)}input,select,textarea{font-family:var(--font-sans)}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary)}.btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #f5c6c6}.btn-danger:hover:not(:disabled){background:#f5c6c6}.btn-sm{padding:5px 10px;font-size:13px}.btn-lg{padding:12px 24px;font-size:16px}.btn-block{justify-content:center;width:100%}.btn-icon{border-radius:var(--radius-md);padding:7px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.form-control{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);width:100%;color:var(--color-text-primary);outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #c8102e1f}.form-control::placeholder{color:var(--color-text-muted)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:20px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:600}tbody td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:middle;padding:12px 14px;font-size:14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-bg-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-primary-color{color:var(--color-primary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.w-full{width:100%}.error-message{background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-md);border:1px solid #f5c6c6;padding:10px 14px;font-size:13px}.toggle-switch{width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--color-border);border-radius:22px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.admin-layout{height:100vh;display:flex;overflow:hidden}.admin-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.admin-content{background:var(--color-bg-page);flex:1;padding:24px;overflow-y:auto}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:18px 20px}.kpi-card .kpi-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600}.kpi-card .kpi-value{color:var(--color-text-primary);font-size:28px;font-weight:700}.kpi-card .kpi-value.primary{color:var(--color-primary)}.kpi-card.clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative}.kpi-card.clickable:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #c8102e1a}.kpi-card .kpi-arrow{color:var(--color-text-muted);font-size:13px;transition:color .15s,transform .15s;position:absolute;bottom:12px;right:14px}.kpi-card.clickable:hover .kpi-arrow{color:var(--color-primary);transform:translate(3px)}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--color-text-primary);font-size:16px;font-weight:700}.page-title{color:var(--color-text-primary);margin-bottom:20px;font-size:22px;font-weight:700}.breadcrumb{color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.breadcrumb a{color:var(--color-text-secondary)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb .sep{color:var(--color-border)}.breadcrumb .current{color:var(--color-text-primary);font-weight:600}.empty-state{text-align:center;color:var(--color-text-muted);padding:48px 24px}.empty-state .empty-icon{opacity:.4;margin-bottom:12px;font-size:48px}.empty-state p{font-size:15px}@media (width<=768px){.admin-content{padding:16px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.kpi-card .kpi-value{font-size:22px}.hide-mobile{display:none}}