*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;--primary-bg:#eff6ff;--success:#22c55e;--success-dark:#16a34a;--success-bg:#f0fdf4;--danger:#ef4444;--danger-dark:#dc2626;--danger-bg:#fef2f2;--warning:#f97316;--warning-bg:#fff7ed;--purple:#a855f7;--purple-bg:#f5f3ff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001f;--shadow-xl:0 20px 60px #00000026;--shadow-primary:0 4px 15px #2563eb59;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}html{-webkit-text-size-adjust:100%;height:100%;overflow:auto}body{height:100%;font-family:var(--font);color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;background:#f8fafc;line-height:1.5;overflow:auto}#root{height:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--gray-300)}input,select,textarea,button{font-family:var(--font)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}@media (width<=768px){input,select,textarea{font-size:16px!important}}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:.3s forwards fadeIn}.animate-slideUp{animation:.35s forwards slideUp}.animate-scaleIn{animation:.2s forwards scaleIn}.animate-spin{animation:.8s linear infinite spin}.animate-pulse{animation:1.5s infinite pulse}@media print{.no-print{display:none!important}.print-only{display:block!important}body{background:#fff}}.print-only{display:none}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=768px){button{min-height:44px}}@media (width<=640px){.auth-banner{display:none!important}.auth-banner+div{border-radius:20px!important}}.grid-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.grid-2col{grid-template-columns:1fr}}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-scroll table{min-width:500px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.form-grid{grid-template-columns:1fr}}.page-wrap{width:100%;max-width:960px;margin:0 auto;padding:16px 14px 24px}.page-wrap-wide{width:100%;max-width:1200px;margin:0 auto;padding:16px 14px 24px}@media (width>=640px){.page-wrap,.page-wrap-wide{padding:20px 24px 32px}}@media (width>=1024px){.page-wrap{padding:24px 32px 40px}.page-wrap-wide{padding:24px 28px 40px}}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}@media (width>=640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.form-grid-2{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=480px){.form-grid-2{grid-template-columns:1fr 1fr}}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #f1f5f9;border-radius:12px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:480px}input,select,textarea{font-size:16px!important}@media (width<=639px){button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}.page-wrap,.page-wrap-wide{padding:12px 12px 20px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.table-wrap{border-radius:10px}.card{padding:12px 14px}}@media (width<=360px){.page-wrap,.page-wrap-wide{padding:10px 10px 16px!important}.stats-grid{gap:8px!important}}@media (width<=639px){[role=dialog]{-webkit-overflow-scrolling:touch;max-height:92dvh;overflow-y:auto}}@media (width<=768px){input,select,textarea{font-size:16px!important}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}}@media (width<=359px){.page-wrap,.page-wrap-wide{padding:10px 10px 20px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}@media (width<=639px){.reports-sidebar{display:none!important}.reports-mobile-tabs{display:flex!important}.reports-layout{flex-direction:column!important}}@media (width>=640px){.reports-mobile-tabs{display:none!important}.reports-sidebar{flex-direction:column;display:flex!important}}.reports-mobile-tabs::-webkit-scrollbar{display:none}@media (width<=639px){.dash-stats-bar{grid-template-columns:repeat(2,1fr)!important}}