*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #2563EB;--blue-light: #3B82F6;--blue-pale: #EFF6FF;--blue-mid: #DBEAFE;--white: #FFFFFF;--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;--green: #16A34A;--green-pale: #F0FDF4;--red: #DC2626;--red-pale: #FEF2F2;--orange: #EA580C;--orange-pale: #FFF7ED;--yellow: #CA8A04;--yellow-pale: #FEFCE8;--purple: #7C3AED;--purple-pale: #F5F3FF;--wa-green: #25D366;--wa-dark: #128C7E;--sidebar-w: 220px;--mobile-header-h: 54px;--mobile-nav-h: 62px;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);--font-sans: "Plus Jakarta Sans", sans-serif;--font-display: "Syne", sans-serif;--transition: .15s ease}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--gray-50);color:var(--gray-800);line-height:1.6;min-height:100vh}.form-input:focus{border-color:var(--blue)!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:99px}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}img{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .25s ease both}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-h);background:var(--white);border-top:1px solid var(--gray-200);z-index:300;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--mobile-header-h);background:var(--white);border-bottom:1px solid var(--gray-200);z-index:250;align-items:center;justify-content:space-between;padding:0 16px}@media (min-width: 769px){.desktop-sidebar{display:flex!important}.mobile-header,.bottom-nav{display:none!important}.members-row,.members-header-row{grid-template-columns:2fr 1fr 88px 108px 100px 80px 20px!important}}@media (max-width: 768px){:root{--sidebar-w: 0px}.desktop-sidebar{display:none!important}.mobile-header,.bottom-nav{display:flex!important}.main-content{margin-left:0!important;padding-top:calc(var(--mobile-header-h) + 14px)!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(var(--mobile-nav-h) + 20px)!important}.page-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.filter-row{flex-wrap:wrap!important;gap:6px!important}.members-header-row{display:none!important}.members-row{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 14px!important}.members-row .col-phone,.members-row .col-fees,.members-row .col-expiry{display:none!important}.members-row .col-topup{flex-shrink:0!important}.members-row .col-name{flex:1!important;min-width:0!important}.members-row .col-status,.members-row .col-chevron{flex-shrink:0!important}.profile-grid{grid-template-columns:1fr!important}.modal-overlay{align-items:flex-end!important;padding:0!important;z-index:400!important}.modal-inner{width:100%!important;max-width:100%!important;max-height:88vh!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;animation:slideUp .25s ease!important}.login-split{flex-direction:column!important;min-height:unset!important}.login-left{border-radius:20px 20px 0 0!important;padding:28px 22px!important;min-height:180px!important}.login-right{width:100%!important;border-radius:0 0 20px 20px!important;padding:32px 22px!important}.login-features{display:none!important}.chart-wrap{overflow-x:auto}.settings-tabs{overflow-x:auto;white-space:nowrap}.wa-card{flex-direction:column!important;align-items:stretch!important}}