/* ========== CSS VARIABLES ========== */
:root {
  --primary:#EB0A1E;--primary-dark:#B8081A;--primary-light:#FF3B4A;
  --primary-ghost:rgba(235,10,30,0.08);
  --bg:#F3F4F6;--surface:#FFFFFF;--surface-variant:#F9FAFB;
  --text:#111827;--text-sec:#4B5563;--text-muted:#9CA3AF;
  --border:#E5E7EB;
  --sidebar-bg:#1A1D27;--sidebar-border:rgba(255,255,255,0.08);
  --sidebar-text:#E5E7EB;--sidebar-text-sec:#9CA3AF;--sidebar-text-muted:#6B7280;
  --sidebar-hover:rgba(235,10,30,0.18);--sidebar-active:rgba(235,10,30,0.30);
  --success:#16A34A;--success-bg:rgba(22,163,74,0.08);
  --warning:#D97706;--warning-bg:rgba(217,119,6,0.08);
  --error:#DC2626;--error-bg:rgba(220,38,38,0.08);
  --info:#2563EB;--info-bg:rgba(37,99,235,0.08);
  --shadow-sm:0 1px 3px rgba(0,0,0,0.06);
  --shadow:0 2px 12px rgba(0,0,0,0.08);
  --shadow-lg:0 8px 30px rgba(0,0,0,0.12);
  --radius:12px;--radius-sm:8px;
  --sidebar-w:260px;--topbar-h:64px;
  --font:'Outfit',sans-serif;
  --tr:0.25s cubic-bezier(0.4,0,0.2,1);
}
[data-theme="dark"]{
  --bg:#0F1117;--surface:#1A1D27;--surface-variant:#22252F;
  --text:#E5E7EB;--text-sec:#9CA3AF;--text-muted:#6B7280;
  --border:#2D3140;
  --shadow-sm:0 1px 3px rgba(0,0,0,0.2);
  --shadow:0 2px 12px rgba(0,0,0,0.3);
  --shadow-lg:0 8px 30px rgba(0,0,0,0.4);
  --primary-ghost:rgba(235,10,30,0.15);
  --success-bg:rgba(22,163,74,0.12);
  --warning-bg:rgba(217,119,6,0.12);
  --error-bg:rgba(220,38,38,0.12);
  --info-bg:rgba(37,99,235,0.12);
  --sidebar-bg:#0B0D12;--sidebar-border:rgba(255,255,255,0.07);
  --sidebar-text:#E5E7EB;--sidebar-text-sec:#9CA3AF;--sidebar-text-muted:#6B7280;
  --sidebar-hover:rgba(235,10,30,0.22);--sidebar-active:rgba(235,10,30,0.34);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;transition:background var(--tr),color var(--tr)}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,select,textarea{font-family:inherit;font-size:14px;background:var(--surface-variant);border:1.5px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:10px 14px;outline:none;transition:border var(--tr),box-shadow var(--tr);width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}
textarea{resize:vertical;min-height:80px}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%236B7280' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
label{display:block;font-size:13px;font-weight:600;color:var(--text-sec);margin-bottom:6px}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}
.material-icons-outlined{font-size:22px;vertical-align:middle}