*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--yellow: #F5C842;--yellow-dark: #D4A800;--black: #1a1a1a;--font: "Inter", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--border: .5px solid #e5e5e5;--bg: #f5f5f3;--bg-card: #ffffff;--text: #1a1a1a;--text-muted: #888;--red: #E24B4A;--green: #3B6D11;--green-bg: #EAF3DE;--amber-bg: #FAEEDA;--amber: #854F0B;--red-bg: #FCEBEB;--blue-bg: #E6F1FB;--blue: #185FA5}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}.btn-primary{background:var(--yellow);color:var(--black);border:none;padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--yellow-dark)}.btn-primary:disabled{background:#e5e5e5;color:#aaa;cursor:not-allowed}.btn-ghost{background:none;border:.5px solid #ccc;color:var(--text-muted);padding:7px 12px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer}.btn-ghost:hover{background:#f5f5f3}.btn-danger{background:none;border:.5px solid #F09595;color:var(--red);padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer}.btn-danger:hover{background:var(--red-bg)}.card{background:var(--bg-card);border:var(--border);border-radius:var(--radius-md);padding:16px 18px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.field input,.field select,.field textarea{padding:9px 12px;border:.5px solid #ccc;border-radius:var(--radius-sm);font-size:14px;font-family:var(--font);background:#fff;color:var(--text);width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--yellow)}.field .hint{font-size:11px;color:var(--text-muted)}.pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:20px;font-weight:500}.pill-ok{background:var(--green-bg);color:var(--green)}.pill-warn{background:var(--amber-bg);color:var(--amber)}.pill-alert{background:var(--red-bg);color:var(--red)}.pill-info{background:var(--blue-bg);color:var(--blue)}.pill-gray{background:#f1efea;color:#666}.progress{height:4px;background:#eee;border-radius:10px;overflow:hidden}.progress-fill{height:100%;border-radius:10px;background:var(--yellow)}.progress-fill.danger{background:var(--red)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--yellow);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--black);flex-shrink:0}.avatar-lg{width:48px;height:48px;font-size:16px}.table-wrap{background:var(--bg-card);border:var(--border);border-radius:var(--radius-md);overflow:hidden}table{width:100%;border-collapse:collapse;font-size:13px}thead th{background:#fafafa;padding:10px 14px;text-align:left;font-size:11px;font-weight:500;color:var(--text-muted);border-bottom:var(--border)}tbody td{padding:11px 14px;border-bottom:var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fafafa}.toast{position:fixed;bottom:24px;right:24px;background:var(--black);color:#fff;padding:12px 18px;border-radius:var(--radius-sm);font-size:13px;z-index:9999;animation:fadeIn .2s ease}.toast.success{background:var(--green)}.toast.error{background:var(--red)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.hide-mobile{display:none!important}.card{padding:14px}}@media (max-width: 768px){.nav-links-desktop{display:none!important}.hamburger-btn{display:block!important}.logout-desktop{display:none!important}}@media (min-width: 769px){.hamburger-btn,.mobile-menu{display:none!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{overflow-x:hidden;max-width:100%}