@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap";:root{--primary:#4f46e5;--primary-glow:#4f46e526;--secondary:#7c3aed;--bg-dark:#f8fafc;--bg-card:#ffffffe6;--text-main:#0f172a;--text-muted:#64748b;--glass-border:#e2e8f0;--success:#059669;--error:#dc2626;--warning:#d97706;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--transit:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.01em;font-family:Outfit,sans-serif}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{border:3px solid var(--bg-dark);background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);transition:var(--transit);border-radius:1.25rem;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000001a}.glass-card:hover{border-color:#ffffff26}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.input-field{border:1px solid var(--glass-border);color:var(--text-main);transition:var(--transit);background:#fffc;border-radius:.75rem;outline:none;width:100%;padding:.875rem 1rem}.input-field:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 4px #6366f11a}@keyframes pulseGlow{0%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:.6;transform:scale(.98)}}.anim-pulse{animation:2s ease-in-out infinite pulseGlow}.app-container{min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#fffc;position:sticky;top:0}.page-wrapper{padding:var(--space-xl);flex:1;overflow-y:auto}.flex-responsive{flex-flow:wrap;gap:1.5rem;display:flex!important}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid!important}@media (width<=768px){.header{padding:var(--space-md)!important}.page-wrapper{padding:var(--space-md)!important;padding-bottom:90px!important}.flex-responsive{flex-direction:column!important}.grid-responsive{grid-template-columns:1fr!important}.mobile-hide{display:none!important}.mobile-scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.sidebar{display:none!important}.bottom-nav{display:flex!important}.user-meta-desktop,.logout-text,.refresh-text,.desktop-only{display:none!important}.mobile-only{display:block!important}.responsive-input{width:100%!important}.filter-card-responsive{flex-direction:column!important;gap:.85rem!important;padding:1rem!important}.filter-dropdown-container{z-index:500;padding:0 .75rem;top:122px;left:0;right:0;width:100%!important;position:absolute!important}.admin-split-layout{flex-direction:column!important}.portal-card-container{flex:none!important;order:1!important;width:100%!important}.inward-table-container{order:2!important}.sync-btn-responsive{border-radius:.65rem!important;padding:.5rem 1rem!important;font-size:.85rem!important;box-shadow:0 4px 10px -2px #10b9814d!important}.admin-title-responsive{text-align:left!important;width:100%!important;font-size:1.5rem!important}.admin-date-picker-responsive{gap:.5rem!important}.date-card-stack{border-radius:.65rem!important;flex-direction:column!important;align-items:flex-start!important;gap:.35rem!important;width:auto!important;padding:.5rem .85rem!important}.date-input-group{justify-content:space-between!important;gap:.4rem!important;width:100%!important}.add-btn-responsive{border-radius:.65rem!important;height:38px!important;padding:.45rem 1rem!important;font-size:.8rem!important}.date-input-group input{text-align:right!important;flex:1!important;width:auto!important;max-width:none!important}.responsive-table thead{display:none!important}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%!important;display:block!important}.responsive-table tr{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:1rem!important;margin-bottom:1.5rem!important;padding:1rem!important;box-shadow:0 4px 6px -1px #00000008!important}.responsive-table td{text-align:right!important;white-space:normal!important;border:none!important;min-height:2.5rem!important;padding:.65rem 0 .65rem 50%!important;font-size:.85rem!important;position:relative!important}.responsive-table td:before{content:attr(data-label)!important;white-space:nowrap!important;text-align:left!important;color:#64748b!important;text-transform:uppercase!important;width:45%!important;padding-right:10px!important;font-size:.65rem!important;font-weight:700!important;position:absolute!important;left:0!important}}.sidebar{position:sticky;top:0}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--glass-border);z-index:1000;width:100%;height:65px;padding-bottom:env(safe-area-inset-bottom);background:#ffffffe6;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0}.bottom-nav-item{color:var(--text-muted);text-transform:uppercase;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:10px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active svg{transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:translateY(-4px)}.dashboard-title{font-size:2.25rem}@media (width<=768px){.dashboard-title{font-size:1.5rem!important}}.mobile-only{display:none!important}.mobile-hide{display:flex!important}@media (width<=768px){.mobile-only{display:flex!important}.mobile-hide{display:none!important}}.btn-secondary{color:var(--text-main);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.hover-row:hover{background:#6366f10d!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-spin{animation:1s linear infinite spin}