:root{--primary-navy:#1a2980;--secondary-green:#10b981;--accent-gold:#f59e0b;--bg-color:#f4f7f6;--surface-color:#fff;--text-dark:#1f2937;--text-muted:#6b7280;--border-color:#e5e7eb;--danger-red:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif}.app-container{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:1024px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.header{background:linear-gradient(135deg, var(--primary-navy) 0%, #293b9b 100%);color:#fff;border-bottom-right-radius:20px;border-bottom-left-radius:20px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 4px 10px #1a298033}.content{flex:1;padding:20px 20px 80px;overflow-y:auto}.glass-card{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;padding:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card{background-color:var(--surface-color);border-radius:16px;margin-bottom:16px;padding:16px;box-shadow:0 4px 6px -1px #0000000d}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-navy);color:#fff;box-shadow:0 4px 14px #1a298063}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 8px #1a298063}.btn-success{background:var(--secondary-green);color:#fff;box-shadow:0 4px 14px #10b98163}.btn-warning{background:var(--accent-gold);color:#fff;box-shadow:0 4px 14px #f59e0b63}.fab{background:linear-gradient(135deg, var(--secondary-green), #059669);color:#fff;cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 14px #10b98180}.fab:active{transform:scale(.95)}.form-group{margin-bottom:16px}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-control{border:1px solid var(--border-color);background:var(--surface-color);width:100%;color:var(--text-dark);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--primary-navy);outline:none;box-shadow:0 0 0 3px #1a29801a}.text-h1{font-size:24px;font-weight:700}.text-h2{font-size:20px;font-weight:600}.text-h3{font-size:16px;font-weight:600}.text-body{color:var(--text-dark);font-size:14px}.text-small{color:var(--text-muted);font-size:12px}.text-primary{color:var(--primary-navy)}.text-success{color:var(--secondary-green)}.text-warning{color:var(--accent-gold)}.text-danger{color:var(--danger-red)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.badge{text-transform:uppercase;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:600}.badge-danger{color:var(--danger-red);background:#ef44441a}.badge-success{color:var(--secondary-green);background:#10b9811a}.badge-warning{color:var(--accent-gold);background:#f59e0b1a}.bottom-nav{background:var(--surface-color);z-index:50;border-top-left-radius:20px;border-top-right-radius:20px;justify-content:space-around;width:100%;padding:10px 0 20px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 10px #0000000d}.nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:var(--primary-navy)}@media (width>=481px){.bottom-nav{max-width:1024px;left:50%;transform:translate(-50%)}}@media (width>=768px){.dashboard-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}}body.dark{--bg-color:#0f172a!important;--surface-color:#1e293b!important;--text-dark:#f8fafc!important;--text-muted:#94a3b8!important;--border-color:#334155!important}body.dark .card,body.dark .glass-card,body.dark .modal-content,body.dark div[style*="background: white"],body.dark div[style*="background: #ffffff"],body.dark div[style*="background-color: white"],body.dark div[style*="background-color: #ffffff"]{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6,body.dark span,body.dark p,body.dark label{color:#f8fafc!important}body.dark .form-control,body.dark input,body.dark select,body.dark textarea{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}body.dark .form-control:focus{border-color:var(--accent-gold)!important;box-shadow:0 0 0 3px #f59e0b26!important}body.dark .bottom-nav{background:#1e293b!important;border-top:1px solid #334155!important;box-shadow:0 -4px 10px #0000004d!important}body.dark table th{color:#f8fafc!important;background-color:#334155!important}body.dark table td{color:#f8fafc!important;border-bottom-color:#334155!important}.app-container:has(.sidebar){flex-direction:row!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}.responsive-grid{grid-template-columns:1fr 1fr!important;gap:24px!important;display:grid!important}@media (width<=768px){.responsive-grid{grid-template-columns:1fr!important;gap:16px!important}}.admin-layout{background-color:#f8fafc;width:100%;min-height:100vh;display:flex}.admin-sidebar{color:#1e293b;z-index:1000;white-space:nowrap;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .2s;display:flex;overflow:hidden;box-shadow:2px 0 16px #00000008;background-color:#fff!important}.admin-content-wrapper{flex-direction:column;flex:1;min-width:0;transition:all .3s;display:flex}.admin-topbar{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex}.desktop-sidebar-toggle{cursor:pointer;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;margin-right:12px;padding:7px;transition:all .2s;display:inline-flex}.desktop-sidebar-toggle:hover{color:#0f172a;background:#e2e8f0}.admin-hamburger{color:#1e293b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:12px;padding:8px;display:none}.admin-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a99;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.desktop-sidebar-toggle{display:none!important}.admin-hamburger{display:inline-flex!important}.admin-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 25px #00000026}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-overlay.show{display:block}.admin-topbar{padding:0 16px}}@media (width>=769px){.desktop-sidebar-toggle{display:inline-flex!important}.admin-hamburger{display:none!important}.admin-sidebar.desktop-collapsed{opacity:0;pointer-events:none;visibility:hidden;border-right:none!important;margin-left:-260px!important}}body.dark{color:#f1f5f9!important;background-color:#0b0f19!important}body.dark .app-container,body.dark .admin-layout{background-color:#0b0f19!important}body.dark .admin-sidebar{color:#f8fafc!important;background-color:#1e293b!important;border-right:1px solid #334155!important}body.dark .admin-topbar{color:#f8fafc!important;background-color:#1e293b!important;border-bottom:1px solid #334155!important}body.dark .admin-hamburger{color:#f8fafc!important}body.dark .card,body.dark .dashboard-card,body.dark .stats-card,body.dark .admin-card{color:#f1f5f9!important;background:#1e293b!important;border-color:#334155!important}body.dark .content{color:#f1f5f9!important}body.dark .form-control,body.dark input[type=text],body.dark input[type=number],body.dark input[type=password],body.dark input[type=email],body.dark input[type=tel],body.dark input[type=date],body.dark select,body.dark textarea{color:#f8fafc!important;background-color:#0f172a!important;border:1px solid #334155!important}body.dark input::placeholder,body.dark textarea::placeholder{color:#64748b!important}body.dark select option{color:#f8fafc!important;background-color:#0f172a!important}body.dark table{color:#f1f5f9!important;background-color:#1e293b!important}body.dark thead tr{color:#94a3b8!important;background-color:#0f172a!important}body.dark th{color:#cbd5e1!important;border-bottom:1px solid #334155!important}body.dark td{color:#e2e8f0!important;border-bottom:1px solid #334155!important}body.dark .text-h1,body.dark .text-h2,body.dark .text-h3,body.dark h1,body.dark h2,body.dark h3,body.dark h4{color:#f8fafc!important}body.dark .text-primary{color:#38bdf8!important}body.dark .text-secondary-blue{color:#60a5fa!important}body.dark .text-muted{color:#94a3b8!important}body.dark .text-body{color:#e2e8f0!important}body.dark hr{border-color:#334155!important}body.dark .badge{color:#fff}body.dark [style*="background: #f8fafc"],body.dark [style*="background:#f8fafc"],body.dark [style*="background: white"],body.dark [style*="background:#fff"],body.dark [style*="background: #fff"]{color:#f1f5f9!important;background-color:#1e293b!important;border-color:#334155!important}body.dark [style*="background: #f1f5f9"],body.dark [style*="background:#f1f5f9"]{color:#f1f5f9!important;background-color:#0f172a!important;border-color:#334155!important}body.dark [style*="background: #eff6ff"],body.dark [style*="background:#eff6ff"]{color:#93c5fd!important;background-color:#1e3a5f!important;border-color:#2563eb!important}body.dark [style*="background: #e2e8f0"],body.dark [style*="background:#e2e8f0"]{color:#cbd5e1!important;background-color:#0f172a!important}body.dark .bottom-nav{background-color:#1e293b!important;border-top:1px solid #334155!important}body.dark .bottom-nav button{color:#94a3b8!important}body.dark .bottom-nav button.active{color:var(--accent-gold)!important}.pricing-matrix-container{flex-direction:column;gap:20px;display:flex}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.pricing-card-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.pricing-card-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.pricing-card-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.payee-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.pricing-tier-group{margin-bottom:24px}.pricing-tier-title{letter-spacing:.8px;text-transform:uppercase;color:#1e293b;margin-bottom:12px;font-size:12px;font-weight:800}.pricing-tier-row{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.pricing-input-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:10px 12px;transition:all .2s;display:flex}.pricing-input-box:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pricing-input-label{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:600}.pricing-input-field{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:16px;font-weight:700}.btn-save-matrix{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-save-matrix:hover{background:#059669;transform:translateY(-1px)}body.dark .pricing-card{background:#1e293b;border-color:#334155}body.dark .pricing-card-title{color:#f8fafc}body.dark .pricing-card-subtitle{color:#94a3b8}body.dark .pricing-tier-title{color:#cbd5e1}body.dark .pricing-input-box{background:#0f172a;border-color:#334155}body.dark .pricing-input-box:focus-within{background:#0b0f19;border-color:#38bdf8}body.dark .pricing-input-label{color:#94a3b8}body.dark .pricing-input-field{color:#f8fafc}.pricing-total-box{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;padding:3px 6px;display:flex}.pricing-discount-box{background:#fff;border:1.5px solid #10b981;border-radius:6px;align-items:center;padding:3px 6px;display:flex}body.dark .pricing-total-box{background:#1e293b!important;border-color:#334155!important}body.dark .pricing-total-box .pricing-input-field{color:#94a3b8!important}body.dark .pricing-discount-box{background:#0f172a!important;border-color:#10b981!important}body.dark .pricing-discount-box .pricing-input-field{color:#34d399!important}@media (width<=900px){.payee-grid{grid-template-columns:1fr}.pricing-tier-row{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.pricing-tier-row{grid-template-columns:1fr}}.apk-download-btn{cursor:pointer;color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.apk-download-btn:hover{background:#ffffff40;transform:translateY(-1px)}