@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--sidebar-bg:#e3dbcc;--black:#191919;--hover:#616161;--active-text:#faf9f5;--accent:#ea3138;--bg:#faf9f5;--card:#fff;--border:#e5e0d8;--muted:#9ca3af;--primary:#2563eb;--primary-dark:#1e40af;--success:#059669;--warning:#d97706;--danger:#ea3138;--info:#2563eb;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:.75rem;--text-sm:.85rem;--text-base:.95rem;--text-lg:1.125rem;--text-xl:1.3rem;--text-2xl:1.6rem;--text-3xl:2rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--sidebar-width:260px;--sidebar-collapsed:72px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 2px 12px #00000014;--shadow-lg:0 4px 24px #0000001f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.15s ease;--transition-base:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{font-family:var(--font);font-size:var(--text-base);color:var(--black);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font);font-size:var(--text-base)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-fast);cursor:pointer;display:inline-flex}.btn-primary{background:var(--black);color:var(--active-text)}.btn-primary:hover{background:var(--hover)}.btn-danger{background:var(--accent);color:#fff}.btn-danger:hover{background:#c52930}.btn-outline{border:1.5px solid var(--border);color:var(--black);background:0 0}.btn-outline:hover{border-color:var(--black)}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-xl);font-size:var(--text-xs);align-items:center;font-weight:600;display:inline-flex}.badge-success{color:#065f46;background:#d1fae5}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger{color:#991b1b;background:#fee2e2}.badge-info{color:#1e40af;background:#dbeafe}.badge-neutral{color:#374151;background:#f3f4f6}.input{width:100%;padding:var(--space-3)var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--card);font-size:var(--text-base);transition:border-color var(--transition-fast)}.input:focus{border-color:var(--black);outline:none}.input::placeholder{color:var(--muted)}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.active{background:var(--success)}.status-dot.warning{background:var(--warning)}.status-dot.critical{background:var(--danger)}.status-dot.inactive{background:var(--muted)}.text-muted{color:var(--muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-semibold{font-weight:600}.font-bold{font-weight:700}