@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";:root{--primary:#0284c7;--primary-dark:#0369a1;--primary-gradient:linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--primary-light:#e0f2fe;--accent-purple:#7c3aed;--accent-rose:#e11d48;--accent-green:#10b981;--bg-app:#f8fafc;--bg-card:#fff;--bg-glass:#ffffffd9;--text-main:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-glow:0 4px 20px #0284c726;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-group label{color:var(--text-main);font-size:12px;font-weight:700}.form-input{border:1px solid var(--border-color);width:100%;font-family:var(--font-sans);color:var(--text-main);background:#fff;border-radius:6px;padding:8px 12px;font-size:13px;transition:border-color .2s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0284c71a}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{opacity:.95;transform:translateY(-1px)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);background:#fff}.btn-secondary:hover{background:#f1f5f9}.btn-sm{padding:5px 10px;font-size:12px}.badge{font-size:11px;font-weight:700;font-family:var(--font-mono);color:#64748b;background:#f1f5f9;border-radius:4px;align-items:center;padding:2px 8px;display:inline-flex}.badge-admin{color:#991b1b;background:#fee2e2}.badge-staff{color:#075985;background:#e0f2fe}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}@media (width<=1024px){.grid-4,.grid-5,.grid-3{grid-template-columns:repeat(2,1fr)!important}}@media (width<=640px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr!important}.glass-panel,main{padding:16px!important}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important}}.form-input:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}