.signup-root{background:radial-gradient(circle at 10% 12%,#2563eb42,#0000 34%),radial-gradient(circle at 88% 90%,#14b8a633,#0000 34%),linear-gradient(135deg,#06111f 0%,#0f172a 55%,#111827 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.signup-grid{opacity:.55;pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 82%);mask-image:linear-gradient(#000000e6,#0000 82%)}.signup-root:before,.signup-root:after{content:"";filter:blur(80px);opacity:.55;pointer-events:none;border-radius:999px;position:absolute}.signup-root:before{background:#2563eb73;width:310px;height:310px;top:-120px;left:-90px}.signup-root:after{background:#14b8a657;width:330px;height:330px;bottom:-120px;right:-90px}.signup-shell{z-index:1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff14;border:1px solid #ffffff24;border-radius:34px;grid-template-columns:.88fr 1.12fr;width:100%;max-width:1180px;min-height:720px;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 95px #00000061}.signup-brand-panel{background:linear-gradient(145deg,#2563eb52,#14b8a629),#ffffff0a;flex-direction:column;justify-content:space-between;padding:52px;display:flex;position:relative;overflow:hidden}.signup-brand-panel:before{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:28px;position:absolute;inset:26px}.signup-brand-glow{filter:blur(70px);background:#14b8a647;border-radius:999px;width:320px;height:320px;position:absolute;top:-90px;right:-90px}.signup-logo-showcase{z-index:2;background:#fffffff5;border-radius:26px;justify-content:center;align-items:center;width:205px;min-height:96px;padding:18px;display:flex;position:relative;box-shadow:0 22px 55px #0000003d}.signup-logo-showcase img,.signup-card-logo img{object-fit:contain;width:100%;height:100%}.signup-brand-content{z-index:2;position:relative}.signup-brand-pill,.signup-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 14px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.signup-brand-pill{color:#dbeafe;background:#ffffff1f}.signup-brand-content h2{color:#fff;letter-spacing:-.045em;max-width:450px;margin:24px 0 16px;font-size:44px;font-weight:950;line-height:1.06}.signup-brand-content p{color:#e2e8f0d6;max-width:440px;margin:0;font-size:16px;line-height:1.8}.signup-card{background:#fff;flex-direction:column;justify-content:center;padding:42px 44px;display:flex}.signup-card-logo{width:165px;height:72px;margin-bottom:22px;display:none}.signup-badge{color:#2563eb;background:#eff6ff;margin-bottom:16px}.signup-badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #22c55e24}.signup-heading{color:#0f172a;letter-spacing:-.045em;margin:0;font-size:40px;font-weight:950;line-height:1.08}.signup-heading span{color:#2563eb}.signup-subtext{color:#64748b;margin:10px 0 24px;font-size:15px}.signup-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.signup-field{flex-direction:column;gap:8px;display:flex}.signup-field-full{grid-column:1/-1}.signup-field label{color:#334155;font-size:13px;font-weight:850}.signup-field input,.signup-field select{color:#0f172a;background:#f8fafc;border:1px solid #dbe3ef;border-radius:16px;outline:none;width:100%;height:50px;padding:0 15px;font-size:14px;font-weight:600;transition:all .2s}.signup-field input::placeholder{color:#94a3b8;font-weight:500}.signup-field select{cursor:pointer}.signup-field input:focus,.signup-field select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.signup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#14b8a6);border:none;border-radius:17px;width:100%;height:54px;margin-top:24px;font-size:15px;font-weight:950;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 18px 38px #2563eb4d}.signup-btn:hover{transform:translateY(-1px);box-shadow:0 24px 48px #2563eb5c}.signup-btn:disabled{opacity:.72;cursor:not-allowed;transform:none}.signup-btn-shimmer{background:linear-gradient(90deg,#0000,#ffffff52,#0000);animation:2.7s infinite signupShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes signupShimmer{to{transform:translate(100%)}}.signup-footer{color:#64748b;text-align:center;margin:22px 0 0;font-size:14px}.signup-footer a{color:#2563eb;font-weight:850;text-decoration:none}.signup-footer a:hover{text-decoration:underline}@media (width<=1020px){.signup-root{padding:20px}.signup-shell{grid-template-columns:1fr;max-width:760px;min-height:auto}.signup-brand-panel{display:none}.signup-card{padding:38px 32px}.signup-card-logo{display:flex}}@media (width<=640px){.signup-root{align-items:flex-start;padding:12px}.signup-shell{border-radius:24px}.signup-card{padding:28px 18px}.signup-heading{font-size:32px}.signup-form-grid{grid-template-columns:1fr}.signup-field-full{grid-column:auto}.signup-field input,.signup-field select{height:49px}}.login-root{background:radial-gradient(circle at 12% 10%,#2563eb42,#0000 34%),radial-gradient(circle at 88% 88%,#14b8a633,#0000 34%),linear-gradient(135deg,#06111f 0%,#0f172a 55%,#111827 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.login-grid{opacity:.55;pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 82%);mask-image:linear-gradient(#000000e6,#0000 82%)}.login-root:before,.login-root:after{content:"";filter:blur(80px);opacity:.55;pointer-events:none;border-radius:999px;position:absolute}.login-root:before{background:#2563eb73;width:310px;height:310px;top:-120px;left:-90px}.login-root:after{background:#14b8a657;width:330px;height:330px;bottom:-120px;right:-90px}.login-shell{z-index:1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff14;border:1px solid #ffffff24;border-radius:34px;grid-template-columns:1fr .95fr;width:100%;max-width:1050px;min-height:640px;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 95px #00000061}.login-brand-panel{background:linear-gradient(145deg,#2563eb52,#14b8a629),#ffffff0a;flex-direction:column;justify-content:space-between;padding:52px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:28px;position:absolute;inset:26px}.login-brand-glow{filter:blur(70px);background:#14b8a647;border-radius:999px;width:320px;height:320px;position:absolute;top:-90px;right:-90px}.login-logo-showcase{z-index:2;background:#fffffff5;border-radius:26px;justify-content:center;align-items:center;width:205px;min-height:96px;padding:18px;display:flex;position:relative;box-shadow:0 22px 55px #0000003d}.login-logo-showcase img,.login-card-logo img{object-fit:contain;width:100%;height:100%}.login-brand-content{z-index:2;position:relative}.login-brand-pill,.login-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 14px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.login-brand-pill{color:#dbeafe;background:#ffffff1f}.login-brand-content h2{color:#fff;letter-spacing:-.045em;max-width:440px;margin:24px 0 16px;font-size:44px;font-weight:950;line-height:1.06}.login-brand-content p{color:#e2e8f0d6;max-width:430px;margin:0;font-size:16px;line-height:1.8}.login-card{background:#fff;flex-direction:column;justify-content:center;padding:48px 46px;display:flex}.login-card-logo{width:165px;height:72px;margin-bottom:22px;display:none}.login-badge{color:#2563eb;background:#eff6ff;margin-bottom:18px}.login-badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #22c55e24}.login-heading{color:#0f172a;letter-spacing:-.045em;margin:0;font-size:42px;font-weight:950;line-height:1.08}.login-heading span{color:#2563eb}.login-subtext{color:#64748b;margin:10px 0 22px;font-size:15px}.login-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);width:100%;height:1px;margin-bottom:24px}.login-field{margin-bottom:18px}.login-label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:850;display:block}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:#64748b;pointer-events:none;display:inline-flex;position:absolute;left:16px}.login-input{color:#0f172a;background:#f8fafc;border:1px solid #dbe3ef;border-radius:16px;outline:none;width:100%;height:52px;padding:0 46px;font-size:14px;font-weight:600;transition:all .2s}.login-input::placeholder{color:#94a3b8;font-weight:500}.login-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.login-eye-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex;position:absolute;right:12px}.login-eye-btn:hover{color:#2563eb;background:#eef2ff}.login-forgot{justify-content:flex-end;margin:2px 0 20px;display:flex}.login-forgot a,.login-footer a{color:#2563eb;font-weight:850;text-decoration:none}.login-forgot a:hover,.login-footer a:hover{text-decoration:underline}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#14b8a6);border:none;border-radius:17px;width:100%;height:54px;font-size:15px;font-weight:950;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 18px 38px #2563eb4d}.login-btn:hover{transform:translateY(-1px);box-shadow:0 24px 48px #2563eb5c}.login-btn:disabled{opacity:.72;cursor:not-allowed;transform:none}.login-btn-shimmer{background:linear-gradient(90deg,#0000,#ffffff52,#0000);animation:2.7s infinite loginShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes loginShimmer{to{transform:translate(100%)}}.login-footer{color:#64748b;text-align:center;margin:24px 0 0;font-size:14px}@media (width<=900px){.login-root{padding:20px}.login-shell{grid-template-columns:1fr;max-width:620px;min-height:auto}.login-brand-panel{display:none}.login-card{padding:38px 32px}.login-card-logo{display:flex}}@media (width<=520px){.login-root{align-items:flex-start;padding:12px}.login-shell{border-radius:24px}.login-card{padding:28px 18px}.login-heading{font-size:34px}.login-input{height:50px}}.dashboard-page{background:#f5f7fb;width:100%;min-height:100vh;overflow-x:hidden}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.dashboard-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.dashboard-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.dashboard-badge{color:#2563eb;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.dashboard-business-context{background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #bfdbfe;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:22px;padding:16px 20px;display:flex}.dashboard-business-context span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.dashboard-business-context strong{color:#0f172a;font-size:15px;font-weight:900}.dashboard-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.performance-section{background:linear-gradient(#fff,#f8fbff);border:1px solid #dbeafe}.section-title-row{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;display:flex}.section-title-row h3{color:#111827;margin:0;font-size:16px;font-weight:800}.section-title-row span{color:#6b7280;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#f3f4f6;border-radius:999px;align-items:center;min-height:26px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}.profit-loss-banner{border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:18px 20px;display:flex}.profit-loss-banner span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.profit-loss-banner h3{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:900}.profit-loss-banner strong{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:900}.profit-loss-banner.profit{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #bbf7d0}.profit-loss-banner.profit h3{color:#15803d}.profit-loss-banner.profit strong{color:#166534;background:#dcfce7}.profit-loss-banner.loss{background:linear-gradient(135deg,#fef2f2,#fff7ed);border:1px solid #fecaca}.profit-loss-banner.loss h3{color:#dc2626}.profit-loss-banner.loss strong{color:#991b1b;background:#fee2e2}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:16px;display:grid}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-width:0;min-height:132px;padding:16px;transition:all .18s}.dashboard-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px #0f172a0f}.dashboard-card-top{justify-content:space-between;align-items:center;display:flex}.card-icon{color:#374151;background:#f3f4f6;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.card-icon svg{width:20px;height:20px}.dashboard-card p{color:#6b7280;letter-spacing:.04em;text-transform:uppercase;margin:14px 0 6px;font-size:12px;font-weight:800}.dashboard-card h3{color:#111827;letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:850;line-height:1.2}.dashboard-card.blue .card-icon{color:#2563eb;background:#eff6ff}.dashboard-card.green .card-icon{color:#16a34a;background:#ecfdf5}.dashboard-card.purple .card-icon{color:#7c3aed;background:#f5f3ff}.dashboard-card.orange .card-icon{color:#ea580c;background:#fff7ed}.dashboard-card.pink .card-icon{color:#db2777;background:#fdf2f8}.dashboard-card.teal .card-icon{color:#0f766e;background:#f0fdfa}.dashboard-card.red .card-icon{color:#dc2626;background:#fef2f2}.attendance-date-note{color:#6b7280;margin:14px 0 0;font-size:13px}.dashboard-charts{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.single-chart-row{grid-template-columns:1fr}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;min-width:0;min-height:340px;padding:20px;overflow:hidden;box-shadow:0 8px 24px #0f172a0d}.expense-chart-card{min-height:390px}.chart-title-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.chart-title-row h3{color:#111827;margin:0;font-size:16px;font-weight:800}.chart-title-row span{color:#6b7280;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#f3f4f6;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.chart-body{justify-content:center;align-items:center;width:100%;height:260px;min-height:260px;display:flex;overflow:hidden}.chart-body-scroll{justify-content:flex-start;padding-bottom:4px;overflow:auto hidden}.expense-chart-body{height:300px;min-height:300px}.chart-body::-webkit-scrollbar{height:6px}.chart-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.chart-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.recharts-wrapper,.recharts-surface{max-width:100%}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.warning-section{border-left:4px solid #f59e0b}.warning-section .section-title-row span{color:#b45309;background:#fffbeb}.dashboard-list-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.dashboard-list-item:last-child{border-bottom:none}.dashboard-list-item span{color:#374151;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.dashboard-list-item strong{color:#111827;white-space:nowrap;font-size:14px;font-weight:800}.danger-text{color:#dc2626!important}.empty-text{text-align:center;color:#9ca3af;margin:0;padding:22px 0;font-size:14px;font-weight:600}.dashboard-loading{color:#6b7280;justify-content:center;align-items:center;min-height:70vh;font-size:15px;font-weight:700;display:flex}@media (width<=1280px){.dashboard-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.single-chart-row{grid-template-columns:1fr}}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=900px){.dashboard-header{flex-direction:column}.dashboard-charts,.single-chart-row{grid-template-columns:1fr}.profit-loss-banner{flex-direction:column;align-items:flex-start}.profit-loss-banner h3{font-size:23px}}@media (width<=768px){.dashboard-section,.chart-card{border-radius:14px;padding:16px}.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-card{min-height:125px;padding:14px}.dashboard-card h3{font-size:21px}.section-title-row,.chart-title-row,.dashboard-business-context{flex-direction:column;align-items:flex-start}}@media (width<=540px){.dashboard-cards{grid-template-columns:1fr}.dashboard-header h2{font-size:22px}.dashboard-header p{font-size:13px}.dashboard-section,.chart-card{padding:14px}.profit-loss-banner{padding:16px}.profit-loss-banner h3,.dashboard-card h3{font-size:20px}.chart-card{min-height:310px}.expense-chart-card{min-height:350px}.chart-body{height:240px;min-height:240px}.expense-chart-body{height:270px;min-height:270px}}@media (width<=1100px){.expense-breakdown-layout{grid-template-columns:1fr}}.expense-breakdown-layout{grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);align-items:stretch;gap:18px;display:grid}.expense-breakdown-list{flex-direction:column;gap:10px;display:flex}.expense-breakdown-item{background:#fff;border:1px solid #eef2f7;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.expense-breakdown-left{align-items:center;gap:10px;min-width:0;display:flex}.expense-dot{border-radius:999px;flex-shrink:0;width:11px;height:11px}.expense-breakdown-item strong{color:#111827;font-size:13px;font-weight:900;display:block}.expense-breakdown-item p{color:#6b7280;margin:3px 0 0;font-size:12px;font-weight:600}.expense-breakdown-item h4{color:#111827;white-space:nowrap;margin:0;font-size:14px;font-weight:900}@media (width<=1100px){.expense-breakdown-layout{grid-template-columns:1fr}}@media (width<=540px){.expense-breakdown-item{flex-direction:column;align-items:flex-start}}.sidebar{color:#e5e7eb;z-index:999;background:#111827;border-right:1px solid #ffffff14;flex-direction:column;width:256px;height:100vh;min-height:100vh;transition:width .22s,left .25s;display:flex;position:fixed;top:0;left:0;box-shadow:10px 0 30px #0f172a14}.sidebar.sidebar-collapsed{width:76px}.sidebar.sidebar-collapsed:hover{width:256px}.sidebar.sidebar-open{left:0}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:72px;padding:16px 18px;display:flex}.sidebar-logo-box{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sidebar-logo{object-fit:contain;width:31px;height:31px}.sidebar-brand-text{flex:1;min-width:0}.sidebar-brand-name{color:#fff;letter-spacing:.4px;font-size:15px;font-weight:800;line-height:1.2}.sidebar-brand-subtitle{color:#9ca3af;margin-top:3px;font-size:11px;font-weight:500}.sidebar.sidebar-collapsed .sidebar-brand{justify-content:center;padding:16px 12px}.sidebar.sidebar-collapsed .sidebar-brand-text{display:none}.sidebar.sidebar-collapsed:hover .sidebar-brand{justify-content:flex-start;padding:16px 18px}.sidebar.sidebar-collapsed:hover .sidebar-brand-text{display:block}.sidebar-close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .18s;display:flex}.sidebar-close-btn svg{stroke-width:2.5px;width:22px;height:22px}.sidebar-close-btn:hover{background:#2563ebe6;transform:translate(-2px)}.sidebar.sidebar-collapsed .sidebar-close-btn{display:none}.sidebar.sidebar-collapsed:hover .sidebar-close-btn{display:flex}.sidebar-scroll{flex:1;padding:14px 12px;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#9ca3af59;border-radius:999px}.sidebar-section-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;padding:0 8px;font-size:11px;font-weight:700}.sidebar.sidebar-collapsed .sidebar-section-label{display:none}.sidebar.sidebar-collapsed:hover .sidebar-section-label{display:block}.sidebar-nav{flex-direction:column;gap:5px;display:flex}.sidebar-link,.sidebar-dropdown-header{color:#cbd5e1;border-radius:12px;align-items:center;gap:11px;width:100%;min-height:46px;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s;display:flex;position:relative}.sidebar-dropdown-header{cursor:pointer;text-align:left;background:0 0;border:none;outline:none;font-family:inherit}.sidebar-link:hover,.sidebar-dropdown-header:hover{color:#fff;background:#ffffff0f}.sidebar-link.active,.sidebar-dropdown.active-group>.sidebar-dropdown-header{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 24px #2563eb42}.sidebar-link.active:before,.sidebar-dropdown.active-group>.sidebar-dropdown-header:before{content:"";background:#fff;border-radius:999px;width:3px;position:absolute;top:10px;bottom:10px;left:-12px}.sidebar-link-icon{width:34px;height:34px;color:inherit;background:#ffffff0e;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.sidebar-link-icon svg{stroke-width:2.2px;width:21px;height:21px}.sidebar-link:hover .sidebar-link-icon,.sidebar-dropdown-header:hover .sidebar-link-icon{background:#ffffff1a;transform:scale(1.04)}.sidebar-link.active .sidebar-link-icon,.sidebar-dropdown.active-group>.sidebar-dropdown-header .sidebar-link-icon{background:#ffffff2e}.sidebar-link-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar-dropdown{flex-direction:column;display:flex}.sidebar-dropdown-arrow{width:22px;height:22px;color:inherit;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,background .18s;display:inline-flex}.sidebar-dropdown-arrow svg{stroke-width:2.4px;width:17px;height:17px}.sidebar-dropdown.open .sidebar-dropdown-arrow{transform:rotate(180deg)}.sidebar-dropdown-header:hover .sidebar-dropdown-arrow{background:#ffffff14}.sidebar-submenu{border-left:1px solid #94a3b838;flex-direction:column;gap:4px;margin:6px 0 6px 18px;padding-left:14px;display:none}.sidebar-dropdown.open .sidebar-submenu{display:flex}.sidebar-sub-link{color:#aeb9c9;border-radius:10px;align-items:center;gap:9px;min-height:38px;padding:0 10px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:flex;position:relative}.sidebar-sub-link:hover{color:#fff;background:#ffffff0e;transform:translate(2px)}.sidebar-sub-link.active{color:#fff;background:#2563eb2e}.sidebar-sub-link.active:before{content:"";background:#60a5fa;border-radius:999px;width:7px;height:7px;position:absolute;top:12px;left:-16px}.sidebar-sub-icon{background:#ffffff0b;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.sidebar-sub-icon svg{stroke-width:2.2px;width:17px;height:17px}.sidebar-sub-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sidebar.sidebar-collapsed .sidebar-scroll{padding:14px 10px}.sidebar.sidebar-collapsed .sidebar-link,.sidebar.sidebar-collapsed .sidebar-dropdown-header{justify-content:center;gap:0;padding:0}.sidebar.sidebar-collapsed .sidebar-link-icon{width:44px;height:44px}.sidebar.sidebar-collapsed .sidebar-link-icon svg{width:23px;height:23px}.sidebar.sidebar-collapsed .sidebar-link-label,.sidebar.sidebar-collapsed .sidebar-dropdown-arrow,.sidebar.sidebar-collapsed .sidebar-submenu{display:none}.sidebar.sidebar-collapsed .sidebar-link.active:before,.sidebar.sidebar-collapsed .sidebar-dropdown.active-group>.sidebar-dropdown-header:before{left:-10px}.sidebar.sidebar-collapsed:hover .sidebar-scroll{padding:14px 12px}.sidebar.sidebar-collapsed:hover .sidebar-link,.sidebar.sidebar-collapsed:hover .sidebar-dropdown-header{justify-content:flex-start;gap:11px;padding:0 10px}.sidebar.sidebar-collapsed:hover .sidebar-link-icon{width:34px;height:34px}.sidebar.sidebar-collapsed:hover .sidebar-link-icon svg{width:21px;height:21px}.sidebar.sidebar-collapsed:hover .sidebar-link-label,.sidebar.sidebar-collapsed:hover .sidebar-dropdown-arrow{display:inline-flex}.sidebar.sidebar-collapsed:hover .sidebar-dropdown.open .sidebar-submenu{display:flex}.sidebar.sidebar-collapsed:hover .sidebar-link.active:before,.sidebar.sidebar-collapsed:hover .sidebar-dropdown.active-group>.sidebar-dropdown-header:before{left:-12px}.sidebar-footer{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;margin:12px;padding:12px;display:flex}.sidebar-footer-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.sidebar-footer-info{min-width:0}.sidebar-footer-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.sidebar-footer-role{color:#9ca3af;margin:2px 0 0;font-size:11px;font-weight:500;line-height:1.3}.sidebar.sidebar-collapsed .sidebar-footer{justify-content:center;padding:10px}.sidebar.sidebar-collapsed .sidebar-footer-info{display:none}.sidebar.sidebar-collapsed:hover .sidebar-footer{justify-content:flex-start;padding:12px}.sidebar.sidebar-collapsed:hover .sidebar-footer-info{display:block}@media (width<=768px){.sidebar,.sidebar.sidebar-collapsed,.sidebar.sidebar-collapsed:hover{width:270px;left:-270px;box-shadow:24px 0 44px #0f172a59}.sidebar.sidebar-open,.sidebar.sidebar-collapsed.sidebar-open{left:0}.sidebar.sidebar-collapsed .sidebar-brand,.sidebar.sidebar-collapsed:hover .sidebar-brand{justify-content:flex-start;padding:14px 16px}.sidebar.sidebar-collapsed .sidebar-brand-text,.sidebar.sidebar-collapsed:hover .sidebar-brand-text,.sidebar.sidebar-collapsed .sidebar-link-label,.sidebar.sidebar-collapsed:hover .sidebar-link-label,.sidebar.sidebar-collapsed .sidebar-footer-info,.sidebar.sidebar-collapsed:hover .sidebar-footer-info,.sidebar.sidebar-collapsed .sidebar-section-label,.sidebar.sidebar-collapsed:hover .sidebar-section-label{display:block}.sidebar.sidebar-collapsed .sidebar-dropdown-arrow,.sidebar.sidebar-collapsed:hover .sidebar-dropdown-arrow{display:inline-flex}.sidebar.sidebar-collapsed .sidebar-dropdown.open .sidebar-submenu,.sidebar.sidebar-collapsed:hover .sidebar-dropdown.open .sidebar-submenu{display:flex}.sidebar.sidebar-collapsed .sidebar-link,.sidebar.sidebar-collapsed:hover .sidebar-link,.sidebar.sidebar-collapsed .sidebar-dropdown-header,.sidebar.sidebar-collapsed:hover .sidebar-dropdown-header{justify-content:flex-start;gap:11px;padding:0 10px}.sidebar.sidebar-collapsed .sidebar-link-icon,.sidebar.sidebar-collapsed:hover .sidebar-link-icon{width:34px;height:34px}.sidebar.sidebar-collapsed .sidebar-link-icon svg,.sidebar.sidebar-collapsed:hover .sidebar-link-icon svg{width:21px;height:21px}.sidebar.sidebar-collapsed .sidebar-footer,.sidebar.sidebar-collapsed:hover .sidebar-footer{justify-content:flex-start;padding:12px}.sidebar.sidebar-collapsed .sidebar-close-btn,.sidebar.sidebar-collapsed:hover .sidebar-close-btn{display:flex}.sidebar-brand{padding:14px 16px}}@media (width<=480px){.sidebar,.sidebar.sidebar-collapsed,.sidebar.sidebar-collapsed:hover{width:255px;left:-255px}.sidebar.sidebar-open,.sidebar.sidebar-collapsed.sidebar-open{left:0}.sidebar-brand-name{font-size:14px}.sidebar-brand-subtitle{font-size:10px}.sidebar-link,.sidebar-dropdown-header{font-size:13px}.sidebar-sub-link{font-size:12.5px}}.navbar{z-index:900;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 24px;transition:left .22s;display:flex;position:fixed;top:0;left:256px;right:0}.sidebar-is-collapsed .navbar{left:76px}.navbar-left,.navbar-right{align-items:center;gap:14px;min-width:0;display:flex}.navbar-left{flex:1}.navbar-right{flex-shrink:0}.navbar-menu-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;line-height:1;transition:all .18s;display:flex}.navbar-menu-btn:hover{background:#f9fafb;border-color:#9ca3af}.navbar-title-block{min-width:0}.navbar-title{color:#111827;letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:18px;font-weight:800;line-height:1.25}.navbar-subtitle{color:#6b7280;white-space:nowrap;margin:2px 0 0;font-size:12px;font-weight:500;line-height:1.25}.navbar-user{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:9px;max-width:230px;min-height:40px;padding:4px 12px 4px 4px;display:flex}.navbar-avatar{color:#fff;background:#2563eb;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.navbar-user-info{flex-direction:column;min-width:0;line-height:1.2;display:flex}.navbar-username{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.navbar-role{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;font-weight:500;overflow:hidden}.navbar-logout{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-height:40px;padding:0 15px;font-size:13px;font-weight:700;transition:all .18s}.navbar-logout:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.navbar-logout:active{transform:translateY(1px)}@media (width<=768px){.navbar,.sidebar-is-collapsed .navbar{height:60px;padding:0 16px;left:0}.navbar-title{font-size:16px}.navbar-subtitle{display:none}.navbar-user{padding:4px}.navbar-user-info{display:none}.navbar-logout{min-height:38px;padding:0 12px}}@media (width<=460px){.navbar{gap:10px;padding:0 12px}.navbar-left,.navbar-right{gap:8px}.navbar-title{font-size:14px}.navbar-menu-btn{width:36px;height:36px}.navbar-avatar{width:30px;height:30px;font-size:11px}.navbar-logout{min-height:36px;padding:0 10px;font-size:12px}}.navbar-profile-wrapper{position:relative}.navbar-user{cursor:pointer}.navbar-avatar-img{object-fit:cover;border-radius:999px;flex-shrink:0;width:32px;height:32px}.navbar-dropdown-arrow{color:#6b7280;margin-left:2px;font-size:12px}.navbar-profile-dropdown{z-index:1200;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:190px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 40px #0f172a24}.navbar-dropdown-item{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;min-height:38px;padding:0 12px;font-size:13px;font-weight:700;transition:all .18s}.navbar-dropdown-item:hover{color:#111827;background:#f3f4f6}.navbar-dropdown-item.danger{color:#dc2626}.navbar-dropdown-item.danger:hover{background:#fef2f2}@media (width<=768px){.navbar-dropdown-arrow{display:none}.navbar-profile-dropdown{right:-4px}}.main-layout{color:#111827;background:#f5f7fb;width:100%;min-height:100vh;overflow-x:hidden}.main-layout-content{background:#f5f7fb;width:calc(100% - 256px);min-height:100vh;margin-left:256px;transition:margin-left .22s,width .22s}.main-layout.sidebar-is-collapsed .main-layout-content{width:calc(100% - 76px);margin-left:76px}.main-content{background:#f5f7fb;width:100%;min-height:100vh;padding:88px 24px 24px;overflow-x:hidden}.sidebar-overlay{border:none;padding:0;display:none}@media (width<=768px){.main-layout-content,.main-layout.sidebar-is-collapsed .main-layout-content{width:100%;margin-left:0}.main-content{padding:76px 16px 16px}.sidebar-overlay{z-index:998;cursor:pointer;background:#0f172a73;width:100%;height:100%;display:block;position:fixed;inset:0}}@media (width<=480px){.main-content{padding:72px 12px 12px}}.products-page{background:#f5f7fb;width:100%;min-height:100vh}.products-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.products-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.products-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.add-product-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.add-product-btn:hover{background:#1d4ed8}.products-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex;box-shadow:0 8px 24px #0f172a0d}.products-search-box{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:10px;width:100%;max-width:430px;min-height:42px;padding:0 13px;transition:all .18s;display:flex}.products-search-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.products-search-box input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:14px}.products-search-box input::placeholder{color:#9ca3af}.products-count{color:#374151;white-space:nowrap;background:#f3f4f6;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.products-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 8px 24px #0f172a0d}.products-table{border-collapse:collapse;width:100%;min-width:1040px}.products-table thead{background:#f9fafb}.products-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.products-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.products-table tbody tr:hover{background:#f9fafb}.products-table tbody tr:last-child td{border-bottom:none}.product-cell{align-items:center;gap:11px;display:flex}.product-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.product-name{color:#111827;margin:0;font-weight:800;line-height:1.3}.product-unit{color:#6b7280;margin-top:2px;font-size:12px;font-weight:600;display:block}.products-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.products-badge.success{color:#166534;background:#dcfce7}.products-badge.warning{color:#92400e;background:#fef3c7}.products-badge.danger{color:#991b1b;background:#fee2e2}.products-state,.empty-text{text-align:center;color:#6b7280;padding:28px;font-size:14px;font-weight:700}@media (width<=768px){.products-header{flex-direction:column;align-items:stretch}.add-product-btn{width:100%}.products-toolbar{align-items:stretch}.products-search-box{max-width:100%}.products-count{justify-content:center}}@media (width<=480px){.products-header h2{font-size:22px}.products-toolbar,.products-table-card{border-radius:14px}}.add-product-page{background:#f5f7fb;width:100%;min-height:100vh}.add-product-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.add-product-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.add-product-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.add-product-subtitle{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.add-product-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:980px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.form-group input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:14px;transition:all .18s}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.cancel-product-btn,.submit-product-btn{cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.submit-product-btn{color:#fff;background:#2563eb;border:none}.submit-product-btn:hover:not(:disabled){background:#1d4ed8}.submit-product-btn:disabled{opacity:.65;cursor:not-allowed}@media (width<=768px){.add-product-header{flex-direction:column;align-items:stretch}.back-products-btn{width:100%}.add-product-form{border-radius:14px;padding:18px}.form-grid{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column-reverse}.cancel-product-btn,.submit-product-btn{width:100%}.add-product-header h2{font-size:22px}}.add-product-form input.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 4px #dc262629!important}.edit-product-page{background:#f5f7fb;width:100%;min-height:100vh}.edit-product-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.edit-product-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.edit-product-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.edit-product-subtitle{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.back-products-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.back-products-btn:hover{background:#f9fafb;border-color:#cbd5e1}.edit-product-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:980px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.cancel-product-btn,.update-product-btn{cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.cancel-product-btn{color:#374151;background:#fff;border:1px solid #e5e7eb}.cancel-product-btn:hover{background:#f9fafb;border-color:#cbd5e1}.update-product-btn{color:#fff;background:#2563eb;border:none}.update-product-btn:hover:not(:disabled){background:#1d4ed8}.update-product-btn:disabled{opacity:.65;cursor:not-allowed}.edit-product-loading{color:#6b7280;justify-content:center;align-items:center;min-height:70vh;font-size:15px;font-weight:700;display:flex}@media (width<=768px){.edit-product-header{flex-direction:column;align-items:stretch}.back-products-btn{width:100%}.edit-product-form{border-radius:14px;padding:18px}.form-grid{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column-reverse}.cancel-product-btn,.update-product-btn{width:100%}.edit-product-header h2{font-size:22px}}.edit-product-form input.input-error:focus,.edit-product-form select.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 4px #dc262629!important}.customers-page{background:#f5f7fb;width:100%;min-height:100vh}.customers-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.customers-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.customers-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.add-customer-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.customers-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex;box-shadow:0 8px 24px #0f172a0d}.customers-search-box{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:10px;width:100%;max-width:430px;min-height:42px;padding:0 13px;transition:all .18s;display:flex}.customers-search-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.customers-search-box input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:14px}.customers-search-box input::placeholder{color:#9ca3af}.customers-count{color:#374151;white-space:nowrap;background:#f3f4f6;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.customers-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 8px 24px #0f172a0d}.customers-table{border-collapse:collapse;width:100%;min-width:940px}.customers-table thead{background:#f9fafb}.customers-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.customers-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.customers-table tbody tr:hover{background:#f9fafb}.customers-table tbody tr:last-child td{border-bottom:none}.customer-cell{align-items:center;gap:11px;display:flex}.customer-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.customer-name{color:#111827;margin:0;font-weight:800;line-height:1.3}.customer-address{color:#6b7280;text-overflow:ellipsis;max-width:260px;margin-top:2px;font-size:12px;font-weight:600;display:block;overflow:hidden}.customers-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.customers-badge.success{color:#166534;background:#dcfce7}.customers-badge.danger{color:#991b1b;background:#fee2e2}.customers-state,.empty-text{text-align:center;color:#6b7280;padding:28px;font-size:14px;font-weight:700}@media (width<=768px){.customers-header{flex-direction:column;align-items:stretch}.add-customer-btn{width:100%}.customers-toolbar{align-items:stretch}.customers-search-box{max-width:100%}.customers-count{justify-content:center}}@media (width<=480px){.customers-header h2{font-size:22px}.customers-toolbar,.customers-table-card{border-radius:14px}}.add-customer-page{background:#f5f7fb;width:100%;min-height:100vh}.add-customer-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.add-customer-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.add-customer-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.add-customer-subtitle{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.add-customer-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:980px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.cancel-customer-btn,.submit-customer-btn{cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.submit-customer-btn{color:#fff;background:#2563eb;border:none}.submit-customer-btn:hover:not(:disabled){background:#1d4ed8}.submit-customer-btn:disabled{opacity:.65;cursor:not-allowed}@media (width<=768px){.add-customer-header{flex-direction:column;align-items:stretch}.back-customers-btn{width:100%}.add-customer-form{border-radius:14px;padding:18px}.form-grid{grid-template-columns:1fr;gap:16px}.form-group.full-width{grid-column:span 1}.form-actions{flex-direction:column-reverse}.cancel-customer-btn,.submit-customer-btn{width:100%}.add-customer-header h2{font-size:22px}}.add-customer-form input.input-error:focus,.add-customer-form select.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 4px #dc262629!important}.add-customer-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-customer-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-customer-form input[type=number]{appearance:textfield}.edit-customer-page{background:#f5f7fb;width:100%;min-height:100vh}.edit-customer-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.edit-customer-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.edit-customer-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.edit-customer-subtitle{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.back-customers-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.back-customers-btn:hover{background:#f9fafb;border-color:#cbd5e1}.edit-customer-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:980px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.cancel-customer-btn,.update-customer-btn{cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.cancel-customer-btn{color:#374151;background:#fff;border:1px solid #e5e7eb}.cancel-customer-btn:hover{background:#f9fafb;border-color:#cbd5e1}.update-customer-btn{color:#fff;background:#2563eb;border:none}.update-customer-btn:hover:not(:disabled){background:#1d4ed8}.update-customer-btn:disabled{opacity:.65;cursor:not-allowed}.edit-customer-loading{color:#6b7280;justify-content:center;align-items:center;min-height:70vh;font-size:15px;font-weight:700;display:flex}@media (width<=768px){.edit-customer-header{flex-direction:column;align-items:stretch}.back-customers-btn{width:100%}.edit-customer-form{border-radius:14px;padding:18px}.form-grid{grid-template-columns:1fr;gap:16px}.form-group.full-width{grid-column:span 1}.form-actions{flex-direction:column-reverse}.cancel-customer-btn,.update-customer-btn{width:100%}.edit-customer-header h2{font-size:22px}}.edit-customer-form input.input-error:focus,.edit-customer-form select.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 4px #dc262629!important}.edit-customer-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.edit-customer-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-customer-form input[type=number]{appearance:textfield}.suppliers-page{background:#f5f7fb;width:100%;min-height:100vh}.suppliers-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.suppliers-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.suppliers-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.add-supplier-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.add-supplier-btn:hover{background:#1d4ed8}.suppliers-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex;box-shadow:0 8px 24px #0f172a0d}.suppliers-search-box{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:10px;width:100%;max-width:430px;min-height:42px;padding:0 13px;transition:all .18s;display:flex}.suppliers-search-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.suppliers-search-box input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:14px}.suppliers-search-box input::placeholder{color:#9ca3af}.suppliers-count{color:#374151;white-space:nowrap;background:#f3f4f6;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.suppliers-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 8px 24px #0f172a0d}.suppliers-table{border-collapse:collapse;width:100%;min-width:940px}.suppliers-table thead{background:#f9fafb}.suppliers-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.suppliers-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.suppliers-table tbody tr:hover{background:#f9fafb}.suppliers-table tbody tr:last-child td{border-bottom:none}.supplier-cell{align-items:center;gap:11px;display:flex}.supplier-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.supplier-name{color:#111827;margin:0;font-weight:800;line-height:1.3}.supplier-address{color:#6b7280;text-overflow:ellipsis;max-width:260px;margin-top:2px;font-size:12px;font-weight:600;display:block;overflow:hidden}.suppliers-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.suppliers-badge.success{color:#166534;background:#dcfce7}.suppliers-badge.danger{color:#991b1b;background:#fee2e2}.action-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.table-action-btn:disabled{opacity:.45;cursor:not-allowed}.edit-btn:hover:not(:disabled){background:#dbeafe}.suppliers-state,.empty-text{text-align:center;color:#6b7280;padding:28px;font-size:14px;font-weight:700}@media (width<=768px){.suppliers-header{flex-direction:column;align-items:stretch}.add-supplier-btn{width:100%}.suppliers-toolbar{align-items:stretch}.suppliers-search-box{max-width:100%}.suppliers-count{justify-content:center}}@media (width<=480px){.suppliers-header h2{font-size:22px}.suppliers-toolbar,.suppliers-table-card{border-radius:14px}}.add-supplier-page{background:#f5f7fb;width:100%;min-height:100vh}.add-supplier-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.add-supplier-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.add-supplier-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.add-supplier-subtitle{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.add-supplier-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:980px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.cancel-supplier-btn,.submit-supplier-btn{cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.submit-supplier-btn{color:#fff;background:#2563eb;border:none}.submit-supplier-btn:hover:not(:disabled){background:#1d4ed8}.submit-supplier-btn:disabled{opacity:.65;cursor:not-allowed}@media (width<=768px){.add-supplier-header{flex-direction:column;align-items:stretch}.back-suppliers-btn{width:100%}.add-supplier-form{border-radius:14px;padding:18px}.form-grid{grid-template-columns:1fr;gap:16px}.form-group.full-width{grid-column:span 1}.form-actions{flex-direction:column-reverse}.cancel-supplier-btn,.submit-supplier-btn{width:100%}.add-supplier-header h2{font-size:22px}}.add-supplier-form input.input-error:focus,.add-supplier-form select.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 4px #dc262629!important}.add-supplier-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-supplier-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-supplier-form input[type=number]{appearance:textfield}.edit-supplier-page{background:#f5f7fb;width:100%;min-height:100vh}.edit-supplier-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.edit-supplier-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.edit-supplier-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.edit-supplier-subtitle{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.back-suppliers-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.back-suppliers-btn:hover{background:#f9fafb;border-color:#cbd5e1}.edit-supplier-form{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:980px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.form-card-title h3{color:#111827;margin:0;font-size:17px;font-weight:850;line-height:1.3}.form-card-title p{color:#6b7280;margin:3px 0 0;font-size:13px;line-height:1.4}.form-group.full-width{grid-column:span 2}.form-actions{border-top:1px solid #eef2f7;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:18px;display:flex}.cancel-supplier-btn,.update-supplier-btn{cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.cancel-supplier-btn{color:#374151;background:#fff;border:1px solid #e5e7eb}.cancel-supplier-btn:hover{background:#f9fafb;border-color:#cbd5e1}.update-supplier-btn{color:#fff;background:#2563eb;border:none}.update-supplier-btn:hover:not(:disabled){background:#1d4ed8}.update-supplier-btn:disabled{opacity:.65;cursor:not-allowed}.edit-supplier-loading{color:#6b7280;justify-content:center;align-items:center;min-height:70vh;font-size:15px;font-weight:700;display:flex}@media (width<=768px){.edit-supplier-header{flex-direction:column;align-items:stretch}.back-suppliers-btn{width:100%}.edit-supplier-form{border-radius:14px;padding:18px}.form-grid{grid-template-columns:1fr;gap:16px}.form-group.full-width{grid-column:span 1}.form-actions{flex-direction:column-reverse}.cancel-supplier-btn,.update-supplier-btn{width:100%}.edit-supplier-header h2{font-size:22px}}.edit-supplier-form input.input-error:focus,.edit-supplier-form select.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 4px #dc262629!important}.edit-supplier-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.edit-supplier-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-supplier-form input[type=number]{appearance:textfield}.purchases-page{background:#f5f7fb;width:100%;min-height:100vh}.purchases-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.purchases-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.purchases-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.add-purchase-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.add-purchase-btn:hover{background:#1d4ed8}.purchases-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex;box-shadow:0 8px 24px #0f172a0d}.purchases-count,.purchases-summary-pill{color:#374151;white-space:nowrap;background:#f3f4f6;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.purchases-summary-pill{color:#2563eb;background:#eff6ff}.purchases-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 8px 24px #0f172a0d}.purchases-table{border-collapse:collapse;width:100%;min-width:980px}.purchases-table thead{background:#f9fafb}.purchases-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.purchases-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.purchases-table tbody tr:hover{background:#f9fafb}.purchases-table tbody tr:last-child td{border-bottom:none}.purchase-invoice-cell{color:#111827;align-items:center;gap:11px;font-weight:800;display:flex}.purchase-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.purchase-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.purchase-status.paid{color:#166534;background:#dcfce7}.purchase-status.partial{color:#92400e;background:#fef3c7}.purchase-status.unpaid{color:#991b1b;background:#fee2e2}.view-purchase-btn{cursor:pointer;color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.view-purchase-btn:hover{background:#dbeafe}.purchases-state,.empty-text{text-align:center;color:#6b7280;padding:28px;font-size:14px;font-weight:700}@media (width<=768px){.purchases-header{flex-direction:column;align-items:stretch}.add-purchase-btn{width:100%}.purchases-toolbar{align-items:stretch}.purchases-count,.purchases-summary-pill{justify-content:center}}@media (width<=480px){.purchases-header h2{font-size:22px}.purchases-toolbar,.purchases-table-card{border-radius:14px}}.add-purchase-page{background:#f5f7fb;width:100%;min-height:100vh}.add-purchase-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.add-purchase-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.add-purchase-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.add-purchase-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.purchase-form{flex-direction:column;gap:20px;display:flex}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.form-card-title{border-bottom:1px solid #eef2f7;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.form-card-title.compact{margin-bottom:14px;padding-bottom:14px}.form-card-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.form-card-title h3,.items-header h3{color:#111827;margin:0;font-size:17px;font-weight:850;line-height:1.3}.form-card-title p,.items-header p{color:#6b7280;margin:3px 0 0;font-size:13px;line-height:1.4}.form-group input,.form-group select,.items-table input,.items-table select,.summary-input input,.notes-card textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:14px;transition:all .18s}.notes-card textarea{resize:vertical;min-height:150px;padding:12px}.form-group input::placeholder,.items-table input::placeholder,.notes-card textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus,.items-table input:focus,.items-table select:focus,.summary-input input:focus,.notes-card textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.items-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.items-header button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.items-header button:hover{background:#1d4ed8}.items-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:14px}.items-table select,.items-table input{min-height:38px}.line-total{color:#111827;white-space:nowrap;font-weight:800}.remove-btn:hover:not(:disabled){background:#fee2e2}.remove-btn:disabled{opacity:.45;cursor:not-allowed}.purchase-bottom{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:start;gap:20px;display:grid}.summary-card{flex-direction:column;gap:12px;display:flex}.summary-row{color:#374151;justify-content:space-between;gap:14px;font-size:14px;font-weight:700;display:flex}.summary-row.total{border-top:1px solid #e5e7eb;margin-top:2px;padding-top:14px;font-size:16px}.summary-row.due{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;padding:12px}.summary-row.due strong{color:#991b1b}.save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:4px;padding:0 16px;font-size:14px;font-weight:900;transition:all .18s;display:inline-flex}@media (width<=980px){.form-grid,.purchase-bottom{grid-template-columns:1fr}}@media (width<=768px){.add-purchase-header{flex-direction:column;align-items:stretch}.back-purchases-btn{width:100%}.form-card{border-radius:14px;padding:16px}.items-header{flex-direction:column;align-items:stretch}.items-header button{width:100%}.add-purchase-header h2{font-size:22px}}.product-search-wrapper{width:100%;position:relative}.product-suggestion-box{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-height:230px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 35px #0f172a24}.product-suggestion-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px 12px;display:flex}.product-suggestion-item:hover{background:#f1f5f9}.product-suggestion-item span{color:#111827;font-size:14px;font-weight:700}.product-suggestion-item small{color:#6b7280;font-size:12px}.purchase-form input.input-error:focus,.purchase-form select.input-error:focus,.purchase-form textarea.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 4px #dc262629!important}.purchase-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.purchase-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.purchase-form input[type=number]{appearance:textfield}.items-table td{vertical-align:top}.items-table .field-error-text{min-width:130px;max-width:220px}.purchase-details-page{background:#f5f7fb;width:100%;min-height:100vh}.purchase-details-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.purchase-details-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.purchase-details-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.purchase-details-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.back-purchases-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.back-purchases-btn:hover{background:#f9fafb;border-color:#cbd5e1}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.details-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.details-grid .details-card{margin-bottom:0}.details-card-title{border-bottom:1px solid #eef2f7;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.details-card-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.details-card-title h3{color:#111827;margin:0;font-size:17px;font-weight:850;line-height:1.3}.details-card-title p{color:#6b7280;margin:3px 0 0;font-size:13px;line-height:1.4}.details-info-list{flex-direction:column;gap:12px;display:flex}.details-info-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:18px;padding-bottom:12px;display:flex}.details-info-row:last-child{border-bottom:none;padding-bottom:0}.details-info-row span{color:#6b7280;font-size:13px;font-weight:700}.details-info-row strong{color:#111827;text-align:right;font-size:14px;font-weight:850}.danger-amount{color:#dc2626!important}.details-table-wrapper{border:1px solid #e5e7eb;border-radius:14px;width:100%;overflow-x:auto}.details-table{border-collapse:collapse;width:100%;min-width:760px}.details-table thead{background:#f9fafb}.details-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.details-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.details-table tbody tr:hover{background:#f9fafb}.details-table tbody tr:last-child td{border-bottom:none}.details-bottom{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:start;gap:20px;display:grid}.details-bottom .details-card{margin-bottom:0}.notes-text{color:#374151;margin:0;font-size:14px;font-weight:600;line-height:1.7}.summary-box{flex-direction:column;gap:12px;display:flex}.purchase-detail-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.purchase-detail-status.paid{color:#166534;background:#dcfce7}.purchase-detail-status.partial{color:#92400e;background:#fef3c7}.purchase-detail-status.unpaid{color:#991b1b;background:#fee2e2}.purchase-details-loading,.empty-text{text-align:center;color:#6b7280;padding:28px;font-size:14px;font-weight:700}.purchase-details-loading{justify-content:center;align-items:center;min-height:70vh;display:flex}@media (width<=980px){.details-grid,.details-bottom{grid-template-columns:1fr}}@media (width<=768px){.purchase-details-header{flex-direction:column;align-items:stretch}.back-purchases-btn{width:100%}.details-card{border-radius:14px;padding:16px}.purchase-details-header h2{font-size:22px}.details-info-row{flex-direction:column;gap:4px}.details-info-row strong{text-align:left}}.sales-page{background:#f5f7fb;width:100%;min-height:100vh}.sales-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.sales-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.sales-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.add-sale-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 10px 22px #2563eb38}.add-sale-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.sales-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-bottom:18px;padding:18px;box-shadow:0 12px 30px #0f172a12}.sales-filter-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.sales-filter-title h3{color:#111827;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:900;display:flex}.sales-filter-title h3 svg{color:#2563eb}.sales-filter-title p{color:#6b7280;margin:5px 0 0;font-size:13px}.sales-filter-grid{grid-template-columns:repeat(4,1fr);align-items:end;gap:14px;display:grid}.sales-filter-group{flex-direction:column;gap:6px;display:flex}.sales-filter-group label{color:#374151;font-size:13px;font-weight:800}.sales-filter-group input,.sales-filter-group select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:14px;transition:all .18s}.sales-filter-group input:focus,.sales-filter-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.sales-search-field{grid-column:span 2}.sales-search-input-wrap{background:#fff;border:1px solid #d1d5db;border-radius:12px;align-items:center;gap:9px;min-height:42px;padding:0 12px;transition:all .18s;display:flex}.sales-search-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.sales-search-input-wrap svg{color:#6b7280;flex-shrink:0}.sales-search-input-wrap input{box-shadow:none;border:none;border-radius:0;min-height:auto;padding:0}.sales-search-input-wrap input:focus{box-shadow:none;border:none}.sales-filter-actions{align-items:center;gap:10px;display:flex}.sales-search-btn,.sales-clear-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.sales-search-btn{color:#fff;background:#2563eb}.sales-search-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.sales-clear-btn{color:#111827;background:#e5e7eb}.sales-clear-btn:hover{background:#d1d5db}.sales-search-btn:disabled,.sales-clear-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.sales-quick-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex;box-shadow:0 8px 24px #0f172a0d}.sales-quick-filter-left h3{color:#111827;margin:0;font-size:16px;font-weight:900}.sales-quick-filter-left p{color:#6b7280;margin:4px 0 0;font-size:13px}.sales-quick-filter-section{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sales-quick-filter-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:900}.sales-quick-filter-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sales-status-filter-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;min-height:38px;padding:0 14px;font-size:13px;font-weight:900;transition:all .18s}.sales-status-filter-btn:hover{background:#f3f4f6;transform:translateY(-1px)}.sales-status-filter-btn.active.all{color:#fff;background:#111827;border-color:#111827}.sales-status-filter-btn.active.paid{color:#166534;background:#dcfce7;border-color:#86efac}.sales-status-filter-btn.active.partial{color:#92400e;background:#fef3c7;border-color:#fcd34d}.sales-status-filter-btn.active.unpaid{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.sales-status-filter-btn.active.tax{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.sales-status-filter-btn.active.no-tax{color:#374151;background:#f3f4f6;border-color:#cbd5e1}.sales-status-filter-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.sales-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex;box-shadow:0 8px 24px #0f172a0d}.sales-count,.sales-summary-pill{color:#374151;white-space:nowrap;background:#f3f4f6;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.sales-summary-pill{color:#2563eb;background:#eff6ff}.sales-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 8px 24px #0f172a0d}.sales-table{border-collapse:collapse;width:100%;min-width:1150px}.sales-table thead{background:#f9fafb}.sales-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.sales-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.sales-table tbody tr:hover{background:#f9fafb}.sales-table tbody tr:last-child td{border-bottom:none}.sale-invoice-cell{color:#111827;align-items:center;gap:11px;font-weight:800;display:flex}.sale-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sale-bill-type{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.sale-bill-type.with_tax{color:#1d4ed8;background:#eff6ff}.sale-bill-type.without_tax{color:#374151;background:#f3f4f6}.sale-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.sale-status.paid{color:#166534;background:#dcfce7}.sale-status.partial{color:#92400e;background:#fef3c7}.sale-status.unpaid{color:#991b1b;background:#fee2e2}.view-sale-btn{cursor:pointer;color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.view-sale-btn:hover{background:#dbeafe}.sales-state,.empty-text{text-align:center;color:#6b7280;padding:28px;font-size:14px;font-weight:700}.empty-text{background:#fff}.sales-pagination{background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:center;align-items:center;gap:14px;margin-top:16px;padding:12px;display:flex;box-shadow:0 8px 24px #0f172a0d}.sales-pagination span{color:#374151;font-size:14px;font-weight:800}.sales-pagination button{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:10px;min-height:36px;padding:0 14px;font-size:13px;font-weight:800;transition:all .18s}.sales-pagination button:hover{background:#1d4ed8}.sales-pagination button:disabled{opacity:.55;cursor:not-allowed}@media (width<=1100px){.sales-filter-grid{grid-template-columns:repeat(2,1fr)}.sales-search-field{grid-column:span 2}}@media (width<=768px){.sales-header{flex-direction:column;align-items:stretch}.add-sale-btn{width:100%}.sales-toolbar{align-items:stretch}.sales-count,.sales-summary-pill{justify-content:center}.sales-filter-grid{grid-template-columns:1fr}.sales-search-field{grid-column:span 1}.sales-filter-actions{flex-direction:column;align-items:stretch}.sales-search-btn,.sales-clear-btn{width:100%}.sales-quick-filter-card{align-items:stretch}.sales-quick-filter-section{flex-direction:column;align-items:stretch}.sales-quick-filter-label{text-align:left}.sales-quick-filter-actions{grid-template-columns:repeat(2,1fr);display:grid}.sales-status-filter-btn{width:100%}.sales-pagination{flex-direction:column}.sales-pagination button{width:100%}}@media (width<=480px){.sales-header h2{font-size:22px}.sales-filter-card,.sales-toolbar,.sales-table-card,.sales-quick-filter-card{border-radius:14px}.sales-filter-card{padding:14px}.sales-quick-filter-left h3{font-size:15px}.sales-quick-filter-left p{font-size:12px}}.billing-toast{z-index:9999;border-radius:16px;align-items:center;gap:10px;min-width:280px;max-width:380px;padding:14px 16px;font-size:14px;font-weight:700;animation:.35s toastSlideIn;display:flex;position:fixed;top:22px;right:22px;box-shadow:0 18px 45px #0f172a2e}.billing-toast.success{color:#047857;background:#ecfdf5;border:1px solid #10b98140}.billing-toast.error{color:#b91c1c;background:#fef2f2;border:1px solid #ef444440}.billing-toast svg{flex-shrink:0}.billing-contact-form button:disabled{cursor:not-allowed;opacity:.75}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-14px)translate(18px)}to{opacity:1;transform:translateY(0)translate(0)}}@media (width<=480px){.billing-toast{min-width:unset;max-width:unset;top:16px;left:16px;right:16px}}.add-sale-page{background:#f5f7fb;width:100%;min-height:100vh}.add-sale-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.add-sale-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.add-sale-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.add-sale-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.back-sales-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.sale-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.sale-main{flex-direction:column;gap:20px;display:flex}.modern-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.section-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.form-group,.summary-input{flex-direction:column;gap:7px;display:flex}.form-group label,.summary-input label{color:#374151;font-size:13px;font-weight:800}.form-group input,.summary-input input,.search-input-box input,.items-table input,.sticky-summary textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:14px;transition:all .18s}.sticky-summary textarea{resize:vertical;min-height:100px;padding:12px}.form-group input::placeholder,.search-input-box input::placeholder,.sticky-summary textarea::placeholder{color:#9ca3af}.form-group input:focus,.summary-input input:focus,.search-input-box:focus-within,.items-table input:focus,.sticky-summary textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.search-wrapper{align-items:center;gap:10px;display:flex}.search-input-box{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:10px;flex:1;align-items:center;gap:10px;min-height:42px;padding:0 13px;transition:all .18s;display:flex}.search-input-box input{border:none;min-height:auto;padding:0;box-shadow:none!important}.clear-btn{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fef2f2;border:none;border-radius:10px;min-height:42px;padding:0 14px;font-size:13px;font-weight:800}.suggestion-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-height:230px;margin-top:12px;overflow:hidden auto}.suggestion-item{cursor:pointer;text-align:left;background:#fff;border:none;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .18s;display:flex}.suggestion-item:hover{background:#f9fafb}.suggestion-item:last-child{border-bottom:none}.suggestion-item div{flex-direction:column;gap:3px;display:flex}.suggestion-item strong{color:#111827;font-size:14px;font-weight:850}.suggestion-item span,.suggestion-item small{color:#6b7280;font-size:12px;font-weight:700}.suggestion-add-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;min-height:34px;padding:0 12px;font-size:13px;font-weight:800}.suggestion-add-btn:hover{background:#1d4ed8}.selected-pill{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:14px;justify-content:space-between;gap:10px;margin-top:12px;padding:12px 14px;display:flex}.selected-pill strong{font-size:14px;font-weight:850}.selected-pill span{font-size:13px;font-weight:700}.items-table-wrapper{border:1px solid #e5e7eb;border-radius:14px;width:100%;overflow-x:auto}.items-table{border-collapse:collapse;width:100%;min-width:960px}.items-table thead{background:#f9fafb}.items-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:13px 14px;font-size:12px;font-weight:900}.items-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:14px}.items-table tbody tr:last-child td{border-bottom:none}.items-table input{width:86px;min-height:36px;padding:0 9px}.item-product-name{font-weight:850;color:#111827!important}.line-total{font-weight:900;color:#111827!important}.remove-btn{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fef2f2;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.remove-btn:hover{background:#fee2e2}.sale-sidebar{position:relative}.sticky-summary{flex-direction:column;gap:12px;display:flex;position:sticky;top:84px}.summary-line{color:#374151;justify-content:space-between;gap:14px;font-size:14px;font-weight:700;display:flex}.summary-line strong{color:#111827;font-weight:900}.summary-line.total{border-top:1px solid #e5e7eb;margin-top:2px;padding-top:14px;font-size:16px}.summary-line.due{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;padding:12px}.summary-line.due strong{color:#991b1b}.save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:900;transition:all .18s;display:inline-flex}.save-btn:hover:not(:disabled){background:#1d4ed8}.save-btn:disabled{opacity:.65;cursor:not-allowed}.empty-message,.empty-items{text-align:center;color:#6b7280;padding:22px;font-size:14px;font-weight:700}@media (width<=1100px){.sale-layout{grid-template-columns:1fr}.sticky-summary{position:static}}@media (width<=768px){.add-sale-header{flex-direction:column;align-items:stretch}.back-sales-btn{width:100%}.modern-card{border-radius:14px;padding:16px}.form-grid{grid-template-columns:1fr;gap:16px}.search-wrapper{flex-direction:column;align-items:stretch}.clear-btn{width:100%}.add-sale-header h2{font-size:22px}}.sale-details-page{background:#f5f7fb;width:100%;min-height:100vh}.sale-details-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.sale-details-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.sale-details-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.sale-details-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.sale-details-actions{align-items:center;gap:10px;display:flex}.print-btn,.back-sales-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.print-btn{color:#fff;background:#2563eb}.print-btn:hover{background:#1d4ed8}.back-sales-btn{color:#374151;background:#fff;border:1px solid #e5e7eb}.back-sales-btn:hover{background:#f9fafb;border-color:#cbd5e1}.sale-details-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px;box-shadow:0 22px 60px #0f172a14}.sale-details-loading{color:#6b7280;justify-content:center;align-items:center;min-height:70vh;font-size:15px;font-weight:700;display:flex}.invoice-print-area{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;position:relative;overflow:hidden;box-shadow:0 22px 60px #0f172a1a}.gst-invoice-print-area{color:#000;box-shadow:none;background:#fff;border-radius:0;padding:18px;font-family:Arial,Helvetica,sans-serif}.gst-main-box{color:#000;background:#fff;border:2px solid #000}.gst-logo-box{justify-content:center;align-items:center;padding:12px;display:flex}.gst-header-spacer{min-width:150px}.gst-company-info h1{letter-spacing:2px;text-align:center;margin:0 0 6px;font-size:28px;font-weight:900}.gst-company-info h3{text-align:center;margin:0 0 6px;font-size:15px;font-weight:900}.gst-company-info p{text-align:center;margin:3px 0;font-size:13px;line-height:1.25}.gst-title-row{text-align:center;border-bottom:1px solid #000;padding:5px;font-size:16px;font-weight:900}.gst-meta-left p,.gst-meta-right p,.gst-party-box p{margin:4px 0;font-size:12px;line-height:1.25}.gst-meta-left span,.gst-meta-right span,.gst-party-box span{min-width:130px;display:inline-block}.gst-party-title-grid{text-align:center;border-bottom:1px solid #000;grid-template-columns:1fr 1fr;font-size:13px;font-weight:700;display:grid}.gst-party-title-grid div{padding:5px}.gst-party-title-grid div:first-child{border-right:1px solid #000}.gst-items-table th,.gst-items-table td{color:#000;vertical-align:middle;border-bottom:1px solid #000;border-right:1px solid #000;padding:6px;font-size:12px}.gst-items-table th:first-child,.gst-items-table td:first-child{text-align:center;width:6%}.gst-items-table th:nth-child(2),.gst-items-table td:nth-child(2){text-align:left;width:34%;padding-left:12px;padding-right:12px}.gst-items-table th:nth-child(2){text-align:center}.gst-items-table th:nth-child(3),.gst-items-table td:nth-child(3){text-align:center;width:12%}.gst-items-table th:nth-child(4),.gst-items-table td:nth-child(4),.gst-items-table th:nth-child(5),.gst-items-table td:nth-child(5){text-align:right;width:12%}.gst-items-table th:nth-child(4),.gst-items-table th:nth-child(5){text-align:center}.gst-items-table th:nth-child(6),.gst-items-table td:nth-child(6){text-align:center;width:6%}.gst-items-table th:nth-child(7),.gst-items-table td:nth-child(7){text-align:right;width:18%}.gst-items-table th:nth-child(7){text-align:center}.gst-tax-row td,.gst-total-row td{font-weight:700}.gst-total-row td{font-size:13px}.gst-amount-words-row{border-bottom:1px solid #000;justify-content:space-between;padding:7px 10px;font-size:12px;display:flex}.gst-bank-header{text-align:center;background:#d9d9d9;border-bottom:1px solid #000;padding:5px;font-weight:800;text-decoration:underline}.gst-bank-grid span{min-width:70px;display:inline-block}.gst-bank-grid strong{font-size:15px}.gst-terms-box strong{font-size:12px}.gst-sign-box{text-align:center;min-height:140px;padding:8px}.gst-sign-box p{margin:0 0 10px;font-size:12px}.gst-sign-space{height:62px}@media (width<=900px){.sale-details-header{flex-direction:column;align-items:stretch}.sale-details-actions{flex-direction:column}.print-btn,.back-sales-btn{width:100%}.sale-details-preview-card{padding:14px}.gst-company-header,.gst-meta-grid,.gst-party-title-grid,.gst-party-grid,.gst-bank-grid,.gst-footer-grid{grid-template-columns:1fr}.gst-meta-left,.gst-party-title-grid div:first-child,.gst-party-box:first-child,.gst-terms-box{border-right:none}.gst-party-title-grid div:first-child,.gst-party-box:first-child{border-bottom:1px solid #000}.gst-logo-box,.gst-header-spacer{display:none}.gst-items-table{min-width:760px}.gst-invoice-print-area{overflow-x:auto}}@media print{@page{size:A4 portrait;margin:6mm}html,body{background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden!important}.no-print,.sale-details-header,.sale-details-actions,.print-btn,.back-sales-btn{visibility:hidden!important;display:none!important}.sale-details-page{background:#fff!important;justify-content:center!important;align-items:flex-start!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:visible!important}.sale-details-preview-card{visibility:visible!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important}.sale-details-preview-card,.sale-details-preview-card *,#invoice-print,#invoice-print *{visibility:visible!important}.gst-invoice-print-area{visibility:visible!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border:none!important;flex-direction:column!important;align-items:center!important;margin:0!important;padding:0!important;font-family:Arial,Helvetica,sans-serif!important;display:flex!important;position:static!important;overflow:visible!important}.gst-main-box{box-sizing:border-box!important;color:#000!important;background:#fff!important;border:2px solid #000!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important}.gst-main-box>*,.gst-meta-grid,.gst-party-title-grid,.gst-party-grid,.gst-bank-grid,.gst-footer-grid,.gst-amount-words-row,.gst-title-row,.gst-bank-header{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.gst-company-header{box-sizing:border-box!important;border-bottom:1px solid #000!important;grid-template-columns:130px 1fr 130px!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:82px!important;display:grid!important}.gst-logo-box{justify-content:center!important;align-items:center!important;padding:5px!important;display:flex!important}.gst-company-logo{object-fit:contain!important;max-width:72px!important;max-height:52px!important}.gst-logo-placeholder{padding:8px!important;font-size:10px!important}.gst-header-spacer{min-width:130px!important}.gst-company-info{text-align:center!important;padding:5px 8px!important}.gst-company-info h1{letter-spacing:1.2px!important;text-align:center!important;margin:0 0 3px!important;font-size:19px!important;font-weight:900!important;line-height:1.05!important}.gst-company-info h3{text-align:center!important;margin:0 0 2px!important;font-size:10.5px!important;font-weight:900!important;line-height:1.05!important}.gst-company-info p{text-align:center!important;margin:1px 0!important;font-size:8.8px!important;line-height:1.1!important}.gst-title-row{text-align:center!important;border-bottom:1px solid #000!important;padding:4px!important;font-size:11.5px!important;font-weight:900!important;line-height:1.1!important}.gst-meta-grid{border-bottom:1px solid #000!important;grid-template-columns:1fr 1fr!important;display:grid!important}.gst-meta-left{border-right:1px solid #000!important}.gst-meta-left,.gst-meta-right{box-sizing:border-box!important;min-width:0!important;padding:5px 8px!important}.gst-meta-left p,.gst-meta-right p,.gst-party-box p,.gst-bank-grid p{margin:2.5px 0!important;font-size:9.2px!important;line-height:1.2!important}.gst-meta-left span,.gst-meta-right span,.gst-party-box span{min-width:105px!important;display:inline-block!important}.gst-party-title-grid{text-align:center!important;border-bottom:1px solid #000!important;grid-template-columns:1fr 1fr!important;font-size:10px!important;font-weight:800!important;display:grid!important}.gst-party-title-grid div{box-sizing:border-box!important;min-width:0!important;padding:4px!important}.gst-party-title-grid div:first-child{border-right:1px solid #000!important}.gst-party-grid{border-bottom:1px solid #000!important;grid-template-columns:1fr 1fr!important;display:grid!important}.gst-party-box{box-sizing:border-box!important;min-width:0!important;min-height:70px!important;padding:5px 8px!important}.gst-party-box:first-child{border-right:1px solid #000!important}.gst-items-table{table-layout:fixed!important;border-collapse:collapse!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.gst-items-table th,.gst-items-table td{color:#000!important;vertical-align:middle!important;word-break:break-word!important;overflow-wrap:break-word!important;box-sizing:border-box!important;border-bottom:1px solid #000!important;border-right:1px solid #000!important;padding:3.5px 5px!important;font-size:9px!important;line-height:1.1!important}.gst-items-table th{text-align:center!important;background:#eef2f7!important;font-weight:900!important}.gst-items-table th:first-child,.gst-items-table td:first-child{text-align:center!important;width:5%!important}.gst-items-table th:nth-child(2),.gst-items-table td:nth-child(2){width:25%!important}.gst-items-table th:nth-child(2){text-align:center!important}.gst-items-table td:nth-child(2){text-align:left!important;padding-left:9px!important}.gst-items-table th:nth-child(3),.gst-items-table td:nth-child(3){text-align:center!important;width:13%!important}.gst-items-table th:nth-child(4),.gst-items-table td:nth-child(4),.gst-items-table th:nth-child(5),.gst-items-table td:nth-child(5){width:13%!important}.gst-items-table th:nth-child(4),.gst-items-table th:nth-child(5){text-align:center!important}.gst-items-table td:nth-child(4),.gst-items-table td:nth-child(5){text-align:right!important}.gst-items-table th:nth-child(6),.gst-items-table td:nth-child(6){text-align:center!important;width:10%!important}.gst-items-table th:nth-child(7),.gst-items-table td:nth-child(7){width:21%!important}.gst-items-table th:nth-child(7){text-align:center!important}.gst-items-table td:nth-child(7){text-align:right!important}.gst-items-table th:last-child,.gst-items-table td:last-child{border-right:none!important}.gst-empty-row td{height:18px!important}.gst-tax-row td,.gst-total-row td{font-weight:900!important}.gst-total-row td{font-size:9.5px!important}.gst-amount-words-row{border-bottom:1px solid #000!important;justify-content:space-between!important;padding:5px 8px!important;font-size:9.2px!important;line-height:1.2!important;display:flex!important}.gst-bank-header{text-align:center!important;background:#d9d9d9!important;border-bottom:1px solid #000!important;padding:4px!important;font-size:10.5px!important;font-weight:800!important;line-height:1.1!important;text-decoration:underline!important}.gst-bank-grid{background:#d9d9d9!important;border-bottom:1px solid #000!important;grid-template-columns:1fr 1fr!important;display:grid!important}.gst-bank-grid>div{box-sizing:border-box!important;min-width:0!important;padding:6px 8px!important}.gst-bank-grid span{min-width:60px!important;display:inline-block!important}.gst-bank-grid strong{font-size:10.5px!important}.gst-footer-grid{grid-template-columns:1.25fr 1fr!important;display:grid!important}.gst-terms-box{box-sizing:border-box!important;border-right:1px solid #000!important;min-width:0!important;min-height:120px!important;padding:6px 8px!important}.gst-terms-box strong{font-size:9.2px!important}.gst-terms-box p{margin:3.5px 0!important;font-size:8px!important;line-height:1.2!important}.gst-sign-box{text-align:center!important;box-sizing:border-box!important;min-width:0!important;min-height:120px!important;padding:6px 8px!important}.gst-sign-box p{margin-bottom:6px!important;font-size:8.5px!important;line-height:1.2!important}.gst-sign-box h3{margin:6px 0!important;font-size:11.5px!important}.gst-sign-space{height:60px!important}.gst-sign-box strong{font-size:9px!important}}.sale-details-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.edit-bill-btn,.save-pdf-btn{cursor:pointer;border:none;border-radius:12px;outline:none;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.edit-bill-btn{color:#fff;background:#f59e0b}.save-pdf-btn{color:#fff;background:#dc2626}.edit-bill-btn:hover,.save-pdf-btn:hover:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a2e}@media (width<=768px){.sale-details-actions{justify-content:flex-start}.edit-bill-btn,.save-pdf-btn,.print-btn,.back-sales-btn{justify-content:center;width:100%}}.gst-tax-breakdown-table{border-collapse:collapse;table-layout:fixed;width:100%}.gst-tax-breakdown-table th,.gst-tax-breakdown-table td{text-align:center;color:#000;border-bottom:1px solid #000;border-right:1px solid #000;padding:3px 5px;font-size:9.5px;line-height:1.15}@media print{.gst-tax-breakdown-table th,.gst-tax-breakdown-table td,.gst-tax-inline-summary{padding:2px 4px!important;font-size:7.5px!important;line-height:1.1!important}.gst-tax-row td,.gst-at-cell,.gst-tax-label-cell{font-size:7.8px!important;line-height:1.1!important}.gst-empty-row td{color:#0000!important}}.edit-sale-page{background:#f4f7fb;width:100%;min-height:calc(100vh - 70px);padding:30px}.edit-sale-loading{color:#111827;padding:40px;font-size:18px;font-weight:700}.edit-sale-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.edit-sale-label{color:#2563eb;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:13px;font-weight:800}.edit-sale-header h2{color:#111827;margin:0;font-size:30px;font-weight:850}.edit-sale-header p{color:#6b7280;margin-top:8px}.edit-sale-actions{flex-wrap:wrap;gap:10px;display:flex}.edit-sale-back-btn,.edit-sale-save-btn,.edit-sale-final-save-btn,.edit-sale-add-btn{cursor:pointer;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:11px 16px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.edit-sale-back-btn{color:#fff;background:#111827}.edit-sale-save-btn,.edit-sale-final-save-btn{color:#fff;background:#2563eb}.edit-sale-add-btn{color:#fff;background:#16a34a;align-self:end}.edit-sale-back-btn:hover,.edit-sale-save-btn:hover,.edit-sale-final-save-btn:hover,.edit-sale-add-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a2e}.edit-sale-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:22px;padding:22px;box-shadow:0 14px 35px #0f172a12}.edit-sale-card h3{color:#111827;margin:0 0 18px;font-size:20px;font-weight:850}.edit-sale-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.edit-sale-product-grid{grid-template-columns:minmax(260px,2fr) 120px 140px 120px auto;align-items:end;gap:16px;display:grid}.edit-sale-product-search{position:relative}.edit-sale-form-group{flex-direction:column;gap:7px;display:flex;position:relative}.edit-sale-form-group label{color:#374151;font-size:13px;font-weight:800}.edit-sale-form-group input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;min-height:44px;padding:10px 13px;font-size:14px}.edit-sale-form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.edit-sale-suggestions{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-height:260px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 18px 35px #0f172a29}.edit-sale-suggestions button{cursor:pointer;text-align:left;background:#fff;border:none;border-bottom:1px solid #f3f4f6;outline:none;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;display:flex}.edit-sale-suggestions button:hover{background:#eff6ff}.edit-sale-suggestions strong{color:#111827;font-size:14px}.edit-sale-suggestions span{color:#6b7280;font-size:13px}.edit-sale-selected-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;margin-top:18px;padding:16px}.edit-sale-selected-box p{color:#1f2937;margin:6px 0}.edit-sale-table-wrapper{width:100%;overflow-x:auto}.edit-sale-table{border-collapse:collapse;width:100%;min-width:850px}.edit-sale-table th{color:#111827;text-align:left;background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:12px;font-size:13px;font-weight:850}.edit-sale-table td{color:#111827;border-bottom:1px solid #f1f5f9;padding:12px;font-size:14px}.edit-sale-table input{border:1px solid #d1d5db;border-radius:10px;outline:none;width:90px;min-height:38px;padding:8px 10px}.edit-sale-remove-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.edit-sale-empty{color:#6b7280;text-align:center;background:#f9fafb;border-radius:14px;padding:22px;font-weight:700}.edit-sale-summary{max-width:520px;margin-left:auto}.edit-sale-summary-row{border-bottom:1px dashed #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.edit-sale-summary-row span{color:#4b5563;font-size:14px;font-weight:800}.edit-sale-summary-row strong{color:#111827;font-size:15px}.edit-sale-summary-row.editable input{text-align:right;border:1px solid #d1d5db;border-radius:10px;outline:none;width:160px;min-height:40px;padding:8px 10px}.edit-sale-summary-row.grand{border-bottom:2px solid #dbeafe}.edit-sale-summary-row.grand strong{color:#2563eb;font-size:22px}.edit-sale-final-save-btn{width:100%;margin-top:20px}.edit-sale-page input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.edit-sale-page input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (width<=900px){.edit-sale-page{padding:18px}.edit-sale-header{flex-direction:column}.edit-sale-actions{width:100%}.edit-sale-back-btn,.edit-sale-save-btn{flex:1}.edit-sale-grid,.edit-sale-product-grid{grid-template-columns:1fr}.edit-sale-summary{max-width:100%}}.edit-sale-page input.input-error:focus,.edit-sale-page select.input-error:focus,.edit-sale-page textarea.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 4px #dc262629!important}.edit-sale-summary-input-wrap{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.edit-sale-summary-input-wrap .field-error-text{text-align:right;max-width:220px}.edit-sale-table td{vertical-align:top}.edit-sale-table .field-error-text{min-width:120px;max-width:190px}.edit-sale-page input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.edit-sale-page input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-sale-page input[type=number]{appearance:textfield}.stock-page{background:#f5f7fb;width:100%;min-height:100vh}.stock-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.stock-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.stock-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.stock-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.stock-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.stock-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 8px 24px #0f172a0d}.stock-card-icon{border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;display:flex}.stock-card-icon.blue{color:#2563eb;background:#eff6ff}.stock-card-icon.warning{color:#d97706;background:#fffbeb}.stock-card-icon.danger{color:#dc2626;background:#fef2f2}.stock-card-icon.success{color:#16a34a;background:#ecfdf5}.stock-card span{color:#6b7280;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.stock-card h3{color:#111827;letter-spacing:-.03em;margin:7px 0 0;font-size:26px;font-weight:900;line-height:1.2}.stock-controls{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex;box-shadow:0 8px 24px #0f172a0d}.stock-search-box,.stock-filter-box{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:0 13px;transition:all .18s;display:flex}.stock-search-box{flex:1;min-width:280px}.stock-filter-box{min-width:210px}.stock-search-box:focus-within,.stock-filter-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.stock-search-box input,.stock-filter-box select{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:14px}.stock-search-box input::placeholder{color:#9ca3af}.stock-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 8px 24px #0f172a0d}.stock-table{border-collapse:collapse;width:100%;min-width:980px}.stock-table thead{background:#f9fafb}.stock-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.stock-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.stock-table tbody tr:hover{background:#f9fafb}.stock-table tbody tr:last-child td{border-bottom:none}.stock-product-cell{color:#111827;align-items:center;gap:11px;font-weight:850;display:flex}.stock-product-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stock-number{font-weight:900;color:#111827!important}.stock-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.stock-badge.in-stock{color:#166534;background:#dcfce7}.stock-badge.low-stock{color:#92400e;background:#fef3c7}.stock-badge.out-stock{color:#991b1b;background:#fee2e2}.no-stock,.stock-loading{text-align:center;color:#6b7280;padding:28px;font-size:14px;font-weight:700}.stock-loading{justify-content:center;align-items:center;min-height:70vh;display:flex}@media (width<=1100px){.stock-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.stock-summary{grid-template-columns:1fr}.stock-controls{align-items:stretch}.stock-search-box,.stock-filter-box{width:100%;min-width:100%}.stock-header h2{font-size:22px}.stock-controls,.stock-table-wrapper,.stock-card{border-radius:14px}}.generate-bill-page{box-sizing:border-box;background:#f5f7fb;width:100%;min-height:100vh;padding:0;overflow-x:hidden}.generate-bill-page *,.generate-bill-page :before,.generate-bill-page :after{box-sizing:border-box}.generate-bill-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.generate-bill-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:clamp(22px,2.5vw,26px);font-weight:800;line-height:1.25}.generate-bill-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.generate-bill-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;margin-bottom:20px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.generate-bill-card h3{color:#111827;border-bottom:1px solid #eef2f7;margin:0 0 16px;padding-bottom:14px;font-size:17px;font-weight:850;line-height:1.3}.generate-bill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px;display:grid}.bill-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-search-grid{grid-template-columns:minmax(280px,2fr) minmax(90px,.6fr) minmax(120px,.8fr) minmax(90px,.6fr) minmax(110px,auto);align-items:end;gap:16px}.service-add-grid{grid-template-columns:minmax(320px,2.2fr) minmax(90px,.6fr) minmax(130px,.8fr) minmax(90px,.6fr) minmax(130px,auto);align-items:end;gap:16px}.service-search-field,.form-group,.product-search-field,.service-field{min-width:0}.form-group input,.form-group select,.form-group textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:14px;transition:all .18s}.form-group textarea{resize:vertical;min-height:48px;padding:12px 14px}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.editable-summary-row input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.service-detail-input{min-height:50px!important;padding:12px 14px!important;font-size:15px!important}.big-placeholder-input::placeholder{opacity:.8;font-size:14px;line-height:1.4}.generate-bill-page input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.generate-bill-page input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.generate-bill-page input[type=number]{appearance:textfield}.add-item-btn,.add-customer-btn,.generate-btn,.print-bill-btn,.new-bill-btn,.remove-item-btn{cursor:pointer;white-space:nowrap;border:none;font-weight:800;transition:all .18s}.add-item-btn{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:100%;height:50px;min-height:50px;font-size:14px;display:flex}.product-search-grid .add-item-btn,.service-add-grid .add-item-btn{align-self:end;height:50px;min-height:50px;margin-bottom:0}.add-item-btn:hover{background:#1d4ed8}.add-customer-btn{color:#fff;background:#2563eb;border-radius:10px;min-height:42px;margin-top:16px;padding:0 16px;font-size:14px}.add-customer-btn:hover{background:#1d4ed8}button:disabled{opacity:.65;cursor:not-allowed}.customer-search-box{margin-bottom:16px;position:relative}.product-search-field{position:relative}.customer-suggestions,.product-suggestions{z-index:30;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;max-height:260px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden auto;box-shadow:0 14px 34px #0f172a1f}.customer-suggestions{max-width:460px}.customer-suggestion-item,.product-suggestion-item{cursor:pointer;text-align:left;background:#fff;border:none;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:4px;width:100%;padding:13px 16px;transition:all .18s;display:flex}.customer-suggestion-item:hover,.product-suggestion-item:hover{background:#f9fafb}.customer-suggestion-item:last-child,.product-suggestion-item:last-child{border-bottom:none}.customer-suggestion-item strong,.product-suggestion-item strong{color:#111827;font-size:14px;font-weight:850}.customer-suggestion-item span,.product-suggestion-item span{color:#6b7280;font-size:12px;font-weight:600}.selected-customer-box,.new-customer-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-top:16px;padding:18px}.selected-customer-box h4,.new-customer-box h4{color:#111827;margin:0 0 12px;font-size:15px;font-weight:850}.selected-customer-box p{color:#374151;margin:0 0 7px;font-size:14px;line-height:1.5}.helper-text{color:#6b7280;margin:8px 0 0;font-size:13px}.generate-bill-page input.input-error:focus,.generate-bill-page select.input-error:focus,.generate-bill-page textarea.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 4px #dc262629!important}.bill-summary .field-error-text{text-align:right;max-width:240px;margin-left:auto}.empty-bill{text-align:center;color:#6b7280;background:#f9fafb;border:1px dashed #cbd5e1;border-radius:14px;padding:28px;font-size:14px;font-weight:700}.bill-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:14px;width:100%;overflow-x:auto}.bill-table{border-collapse:collapse;width:100%;min-width:820px}.bill-table thead{background:#f9fafb}.bill-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.bill-table td{text-align:left;color:#374151;background:#fff;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:14px}.bill-table tbody tr:hover td{background:#f9fafb}.bill-table tbody tr:last-child td{border-bottom:none}.bill-desc-col{word-break:break-word;overflow-wrap:anywhere;min-width:200px;max-width:340px;white-space:normal!important}.item-type-badge{letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:800;display:inline-block}.item-type-product{color:#1d4ed8;background:#dbeafe}.item-type-service{color:#15803d;background:#dcfce7}.bill-tax-input{text-align:center;color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:7px;outline:none;width:56px;padding:0 6px;font-size:13px;transition:all .15s;min-height:32px!important}.bill-tax-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.bill-tax-pct{color:#6b7280;margin-left:2px;font-size:12px}.remove-item-btn{color:#dc2626;background:#fef2f2;border-radius:9px;min-height:34px;padding:0 11px;font-size:13px}.remove-item-btn:hover{background:#fee2e2}.bill-summary{max-width:520px;margin-left:auto}.summary-row{color:#374151;border-bottom:1px solid #eef2f7;justify-content:space-between;gap:14px;padding:12px 0;font-size:14px;display:flex}.summary-row strong{color:#111827;font-weight:900}.grand-total{color:#111827;font-size:16px;font-weight:900}.editable-summary-row{align-items:center}.summary-input-wrap{width:150px}.editable-summary-row input{text-align:right;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:38px;padding:0 12px;font-size:14px}.generate-bill-type-actions{grid-template-columns:1fr;gap:12px;margin-top:18px;display:grid}.generate-btn{color:#fff;border-radius:10px;width:100%;min-height:44px;font-size:14px}.generate-with-tax-btn{background:#16a34a}.generate-with-tax-btn:hover{background:#15803d}.generate-without-tax-btn{background:#2563eb}.generate-without-tax-btn:hover{background:#1d4ed8}.invoice-preview-card{margin-top:26px;padding:22px;overflow:hidden}.invoice-actions{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.invoice-actions h3{border:none;margin:0;padding:0}.invoice-action-buttons{gap:10px;display:flex}.print-bill-btn,.new-bill-btn{color:#fff;border-radius:10px;min-height:40px;padding:0 15px;font-size:14px}.print-bill-btn{background:#111827}.new-bill-btn{background:#2563eb}.print-bill-btn:hover{background:#030712}.new-bill-btn:hover{background:#1d4ed8}.invoice-print-area{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;max-width:100%;padding:20px;position:relative;overflow:auto hidden;box-shadow:0 22px 60px #0f172a1a}.invoice-print-area::-webkit-scrollbar{height:7px}.bill-table-wrapper::-webkit-scrollbar{height:7px}.invoice-print-area::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.bill-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.invoice-print-area::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}.bill-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}.gst-invoice-print-area{color:#000;box-shadow:none;background:#fff;border-radius:0;width:max-content;min-width:max-content;padding:18px;font-family:Arial,Helvetica,sans-serif}.gst-main-box{color:#000;background:#fff;border:2px solid #000;width:860px;min-width:860px;max-width:none}.gst-company-header{border-bottom:1px solid #000;grid-template-columns:150px 1fr 130px;align-items:center;min-height:120px;display:grid}.gst-logo-box{border-right:1px solid #000;justify-content:center;align-items:center;padding:12px;display:flex}.gst-company-logo{object-fit:contain;max-width:105px;max-height:82px}.gst-logo-placeholder{border:1px solid #000;padding:14px;font-size:12px}.gst-header-right{border-left:1px solid #000;flex-direction:column;justify-content:flex-start;align-items:flex-end;padding:8px 10px;display:flex}.gst-original-copy{color:#333;font-size:11px;font-style:italic}.gst-company-info{text-align:center;padding:10px 14px}.gst-company-info h1{letter-spacing:2px;margin:0 0 4px;font-size:26px;font-weight:900}.gst-company-info h3{margin:0 0 4px;font-size:14px;font-weight:900}.gst-company-info p{margin:2px 0;font-size:12px;line-height:1.3}.gst-title-row{text-align:center;letter-spacing:1px;border-bottom:1px solid #000;padding:5px;font-size:15px;font-weight:900}.gst-meta-grid{border-bottom:1px solid #000;grid-template-columns:1fr 1fr;display:grid}.gst-meta-left{border-right:1px solid #000}.gst-meta-left,.gst-meta-right{padding:6px 10px}.gst-meta-left p,.gst-meta-right p{margin:3px 0;font-size:12px;line-height:1.3}.gst-meta-left span,.gst-meta-right span{min-width:120px;display:inline-block}.gst-party-grid{border-bottom:1px solid #000;grid-template-columns:1fr 1fr;display:grid}.gst-party-box{min-height:96px;padding:8px 10px}.gst-party-box:first-child{border-right:1px solid #000}.gst-party-label{margin-bottom:4px!important;font-size:12px!important}.gst-party-box p{margin:3px 0;font-size:12px;line-height:1.3}.gst-party-box span{min-width:80px;display:inline-block}.gst-items-table{border-collapse:collapse;table-layout:fixed;width:100%}.gst-items-table th,.gst-items-table td{color:#000;vertical-align:middle;word-break:break-word;overflow-wrap:anywhere;border-bottom:1px solid #000;border-right:1px solid #000;padding:5px 6px;font-size:12px}.gst-items-table th{text-align:center;background:#f1f5f9;font-weight:900}.gst-items-table th:last-child,.gst-items-table td:last-child{border-right:none}.col-sn{text-align:center;width:5%}.col-desc{text-align:left;width:32%}.col-hsn{text-align:center;width:11%}.col-qty{text-align:right;width:9%}.col-unit{text-align:center;width:8%}.col-price{text-align:right;width:12%}.col-tax{text-align:center;width:8%}.col-amount{text-align:right;width:15%}.gst-items-table th.col-desc,.gst-items-table td.col-desc{text-align:left}.gst-empty-row td{height:24px}.gst-subtotal-row td,.gst-tax-row td,.gst-discount-row td,.gst-total-row td{font-size:12px;font-weight:700}.gst-label-cell,.gst-label-value{text-align:right;font-weight:800}.gst-tax-label-cell{text-align:left;font-style:italic;font-weight:700}.gst-at-cell{text-align:center;font-weight:700}.gst-grand-label{text-align:left}.gst-grand-qty{text-align:right}.gst-total-row td{border-top:1px solid #000;font-size:13px}.gst-amount-words-row{border-bottom:1px solid #000;justify-content:space-between;gap:12px;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.gst-tax-breakdown{border-bottom:1px solid #000}.gst-tax-breakdown-table{border-collapse:collapse;width:100%}.gst-tax-breakdown-table th,.gst-tax-breakdown-table td{text-align:center;border-bottom:1px solid #000;border-right:1px solid #000;padding:5px 8px;font-size:9.5px;line-height:1.15}.gst-tax-breakdown-table th:last-child,.gst-tax-breakdown-table td:last-child{border-right:none}.gst-tax-breakdown-table th{background:#f1f5f9;font-weight:900}.gst-tax-breakdown-total td{background:#f9fafb;font-weight:800}.gst-tax-inline-summary{text-align:right;border-bottom:1px solid #000;padding:3px 8px;font-size:9.5px;line-height:1.2}.gst-bank-header{text-align:center;letter-spacing:.5px;background:#e5e7eb;border-bottom:1px solid #000;padding:4px;font-size:12px;font-weight:900;text-decoration:underline}.gst-bank-grid{background:#f9fafb;border-bottom:1px solid #000;grid-template-columns:1fr 1fr;display:grid}.gst-bank-grid>div{padding:7px 10px}.gst-bank-grid>div:first-child{border-right:1px solid #000}.gst-bank-grid p{margin:4px 0;font-size:12px}.gst-bank-grid span{min-width:70px;font-size:11px;display:inline-block}.gst-bank-grid strong{font-size:13px;font-weight:900}.gst-footer-grid{grid-template-columns:1.3fr 1fr;display:grid}.gst-terms-box{border-right:1px solid #000;min-height:130px;padding:8px 10px}.gst-terms-box strong{margin-bottom:4px;font-size:12px;display:block}.gst-terms-box p{margin:5px 0;font-size:11px;line-height:1.35}.gst-sign-box{text-align:center;flex-direction:column;align-items:center;min-height:130px;padding:8px 10px;display:flex}.gst-sign-box p{text-align:left;width:100%;margin:0 0 4px;font-size:12px}.gst-sign-box h3{margin:6px 0 4px;font-size:15px}.gst-sign-space{flex-grow:1;height:54px}.gst-sign-space-small{height:10px}.gst-sign-box strong{font-size:12px}.gst-footer-note{text-align:center;border-top:1px solid #000;padding:6px 10px;font-size:12px}@media (width<=1200px){.product-search-grid,.service-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-search-field,.service-search-field{grid-column:span 2}.bill-summary{max-width:100%}}@media (width<=1024px){.generate-bill-grid,.bill-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-preview-card{padding:16px}.invoice-print-area{padding:12px}.gst-main-box{width:820px;min-width:820px}}@media (width<=640px){.generate-bill-page{padding:10px}.generate-bill-header{flex-direction:column;align-items:stretch;gap:10px}.generate-bill-card{border-radius:14px;margin-bottom:14px;padding:14px}.generate-bill-grid,.bill-details-grid,.product-search-grid,.service-add-grid,.generate-bill-type-actions{grid-template-columns:1fr}.product-search-field,.service-search-field{grid-column:auto}.customer-suggestions,.product-suggestions{max-width:100%}.selected-customer-box,.new-customer-box{padding:14px}.service-detail-input{min-height:54px!important;font-size:15px!important}.product-search-grid .add-item-btn,.service-add-grid .add-item-btn{width:100%;height:48px;min-height:48px}.summary-row{align-items:flex-start}.editable-summary-row{flex-direction:column;align-items:stretch}.summary-input-wrap,.editable-summary-row input{text-align:left;width:100%}.invoice-actions{flex-direction:column;align-items:stretch}.invoice-action-buttons{flex-direction:column}.print-bill-btn,.new-bill-btn{width:100%}.bill-table{min-width:760px}.gst-company-header{grid-template-columns:90px 1fr 90px;min-height:90px}.gst-company-logo{max-width:70px;max-height:52px}.gst-header-right{min-width:90px}.gst-company-info h1{letter-spacing:1px;font-size:18px}.gst-company-info h3{font-size:11px}.gst-company-info p,.gst-meta-left p,.gst-meta-right p,.gst-party-box p,.gst-bank-grid p{font-size:10px}.gst-items-table th,.gst-items-table td{padding:3px;font-size:9px}}@media (width<=420px){.generate-bill-page{padding:8px}.generate-bill-card{padding:12px}.bill-table{min-width:720px}.gst-company-header{grid-template-columns:76px 1fr 76px}.gst-header-right{min-width:76px}.gst-company-info h1{letter-spacing:.5px;font-size:15px}.gst-company-info h3{font-size:10px}.gst-company-info p{font-size:9px}.gst-items-table th,.gst-items-table td{padding:2px;font-size:8px}}@media screen and (width<=768px){.invoice-preview-card{width:100%;max-width:100%;padding:10px;overflow:hidden}.invoice-print-area{width:100%;max-width:100%;min-height:960px;padding:8px;overflow:hidden visible}.gst-invoice-print-area{transform-origin:0 0;width:760px;min-width:760px;max-width:760px;padding:0;transform:scale(.52)}.gst-main-box{width:760px;min-width:760px;max-width:760px}}@media screen and (width<=480px){.invoice-preview-card{padding:8px}.invoice-print-area{min-height:780px;padding:6px}.gst-invoice-print-area{transform:scale(.4)}}@media screen and (width<=340px){.invoice-print-area{min-height:700px}.gst-invoice-print-area{transform:scale(.36)}}@media print{@page{size:A4 portrait;margin:6mm}html,body{background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden!important}.no-print,.generate-bill-header,.generate-bill-card.no-print,.invoice-actions,.print-bill-btn,.new-bill-btn{visibility:hidden!important;display:none!important}.generate-bill-page{background:#fff!important;justify-content:center!important;align-items:flex-start!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:visible!important}.invoice-preview-card{visibility:visible!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important}.invoice-preview-card,.invoice-preview-card *{visibility:visible!important}.gst-invoice-print-area{visibility:visible!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;font-family:Arial,Helvetica,sans-serif!important;position:static!important;overflow:visible!important;transform:none!important}.gst-invoice-print-area,.gst-invoice-print-area *{visibility:visible!important}.gst-main-box{box-sizing:border-box!important;color:#000!important;background:#fff!important;border:1px solid #000!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important}.gst-company-header{border-bottom:1px solid #000!important;grid-template-columns:110px 1fr 100px!important;align-items:center!important;width:100%!important;min-height:72px!important;display:grid!important}.gst-logo-box{border-right:1px solid #000!important;padding:5px!important}.gst-company-logo{max-width:62px!important;max-height:46px!important}.gst-logo-placeholder{padding:8px!important;font-size:9px!important}.gst-header-right{border-left:1px solid #000!important;min-width:100px!important;padding:5px 8px!important}.gst-original-copy{font-size:9px!important}.gst-company-info{padding:4px 8px!important}.gst-company-info h1{letter-spacing:1px!important;margin:0 0 2px!important;font-size:16px!important;line-height:1.05!important}.gst-company-info h3{margin:0 0 2px!important;font-size:9.5px!important;line-height:1.1!important}.gst-company-info p{margin:1px 0!important;font-size:8px!important;line-height:1.15!important}.gst-title-row{letter-spacing:.5px!important;border-bottom:1px solid #000!important;padding:3px!important;font-size:10px!important;line-height:1.1!important}.gst-meta-grid{border-bottom:1px solid #000!important;grid-template-columns:1fr 1fr!important;width:100%!important;display:grid!important}.gst-meta-left{border-right:1px solid #000!important}.gst-meta-left,.gst-meta-right{padding:3px 6px!important}.gst-meta-left p,.gst-meta-right p{margin:2px 0!important;font-size:8px!important;line-height:1.2!important}.gst-meta-left span,.gst-meta-right span{min-width:90px!important}.gst-party-grid{border-bottom:1px solid #000!important;grid-template-columns:1fr 1fr!important;width:100%!important;display:grid!important}.gst-party-box{min-height:60px!important;padding:4px 6px!important}.gst-party-box p,.gst-party-label{margin:1px 0!important;font-size:8px!important;line-height:1.2!important}.gst-party-box span{min-width:60px!important}.gst-items-table{table-layout:fixed!important;border-collapse:collapse!important;width:100%!important;min-width:0!important;max-width:100%!important}.gst-items-table th,.gst-items-table td{color:#000!important;vertical-align:middle!important;word-break:break-word!important;overflow-wrap:anywhere!important;border-bottom:none!important;border-right:1px solid #000!important;padding:3px!important;font-size:7.5px!important;line-height:1.1!important}.gst-items-table thead tr th{text-align:center!important;background:#f0f0f0!important;border-bottom:1px solid #000!important;font-weight:900!important}.gst-subtotal-row td,.gst-tax-row td{border-top:1px solid #000!important}.gst-total-row td{border-top:2px solid #000!important;border-bottom:1px solid #000!important}.gst-items-table th:last-child,.gst-items-table td:last-child{border-right:none!important}.col-sn{text-align:center!important;width:5%!important}.col-desc{text-align:left!important;width:32%!important}.col-hsn{text-align:center!important;width:11%!important}.col-qty{text-align:right!important;width:9%!important}.col-unit{text-align:center!important;width:8%!important}.col-price{text-align:right!important;width:11%!important}.col-tax{text-align:center!important;width:7%!important}.col-amount{text-align:right!important;width:17%!important}.gst-empty-row td{border-bottom:none!important;height:14px!important}.gst-label-cell,.gst-label-value,.gst-grand-label{font-size:7.8px!important}.gst-total-row td{font-size:8px!important}.gst-amount-words-row{border-top:none!important;border-bottom:1px solid #000!important;justify-content:space-between!important;padding:3px 6px!important;font-size:8px!important;line-height:1.2!important;display:flex!important}.gst-tax-breakdown{border-bottom:1px solid #000!important}.gst-tax-breakdown-table th,.gst-tax-breakdown-table td{border-bottom:none!important;padding:3px 4px!important;font-size:7.8px!important}.gst-tax-breakdown-table thead th{border-bottom:1px solid #000!important}.gst-tax-breakdown-total td{border-top:1px solid #000!important}.gst-bank-header{border-bottom:1px solid #000!important;padding:3px!important;font-size:9px!important;line-height:1.1!important}.gst-bank-grid{background:0 0!important;border-bottom:1px solid #000!important;grid-template-columns:1fr 1fr!important;display:grid!important}.gst-bank-grid>div{padding:4px 6px!important}.gst-bank-grid>div:first-child{border-right:1px solid #000!important}.gst-bank-grid span{min-width:50px!important;font-size:7.5px!important}.gst-bank-grid strong{font-size:9px!important}.gst-bank-grid p{margin:2px 0!important;font-size:8px!important}.gst-footer-grid{grid-template-columns:1.3fr 1fr!important;width:100%!important;display:grid!important}.gst-terms-box{border-right:1px solid #000!important;min-height:88px!important;padding:4px 6px!important}.gst-terms-box strong{font-size:8px!important}.gst-terms-box p{margin:2px 0!important;font-size:7px!important;line-height:1.2!important}.gst-sign-box{min-height:88px!important;padding:4px 6px!important}.gst-sign-box p{margin-bottom:3px!important;font-size:7.5px!important;line-height:1.2!important}.gst-sign-box h3{margin:4px 0!important;font-size:10px!important}.gst-sign-space{height:40px!important}.gst-sign-space-small{height:6px!important}.gst-sign-box strong{font-size:7.5px!important}.gst-footer-note{padding:3px 6px!important;font-size:7.5px!important}.item-type-badge{display:none!important}}.gst-empty-row td{color:#0000}@media print{.gst-tax-breakdown-table th,.gst-tax-breakdown-table td,.gst-tax-inline-summary{padding:2px 4px!important;font-size:7.5px!important;line-height:1.1!important}.gst-tax-row td,.gst-at-cell,.gst-tax-label-cell{font-size:7.8px!important;line-height:1.1!important}.gst-empty-row td{color:#0000!important}}.invoice-preview-card .legacy-invoice-preview.gst-invoice-print-area{visibility:hidden!important;display:none!important}@media print{.invoice-preview-card .legacy-invoice-preview.gst-invoice-print-area,.invoice-preview-card .legacy-invoice-preview.gst-invoice-print-area *{visibility:hidden!important;display:none!important}}.expense-page{color:#111827;background:#f5f7fb;min-height:100vh;padding:24px}.expense-header{justify-content:space-between;align-items:stretch;gap:16px;margin-bottom:20px;display:flex}.expense-header h2{color:#111827;margin:0;font-size:28px;font-weight:800}.expense-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.expense-total-card{color:#fff;background:linear-gradient(135deg,#111827,#1f2937);border-radius:18px;flex-direction:column;justify-content:center;min-width:220px;padding:18px;display:flex;box-shadow:0 14px 32px #11182738}.expense-total-card span{color:#d1d5db;font-size:13px;font-weight:500}.expense-total-card strong{color:#fff;margin-top:6px;font-size:24px}.expense-form-card,.expense-filter-card,.expense-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-bottom:20px;padding:20px;box-shadow:0 12px 30px #0f172a14}.expense-form-card h3,.expense-filter-card h3,.expense-list-card h3{color:#111827;margin:0 0 16px;font-size:18px;font-weight:800}.expense-form-grid,.expense-filter-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.expense-form-group{flex-direction:column;gap:6px;display:flex}.expense-form-group label{color:#374151;font-size:13px;font-weight:700}.expense-form-group input,.expense-form-group select,.expense-form-group textarea,.expense-filter-grid input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:11px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.expense-form-group input::placeholder,.expense-form-group textarea::placeholder,.expense-filter-grid input::placeholder{color:#9ca3af}.expense-form-group textarea{resize:vertical;min-height:80px}.expense-form-group input:focus,.expense-form-group select:focus,.expense-form-group textarea:focus,.expense-filter-grid input:focus{border-color:#00f;box-shadow:0 0 0 3px #f9731624}.expense-full{grid-column:span 3}.expense-form-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.expense-save-btn,.expense-cancel-btn,.expense-filter-grid button,.expense-edit-btn,.expense-delete-btn{cursor:pointer;border:none;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}.expense-save-btn{color:#fff;background:#2563eb;box-shadow:0 8px 18px #f9731647}.expense-save-btn:hover{transform:translateY(-1px)}.expense-cancel-btn{color:#111827;background:#e5e7eb}.expense-cancel-btn:hover{background:#d1d5db}.expense-filter-grid button{color:#fff;background:#111827}.expense-filter-grid button:hover{background:#1f2937;transform:translateY(-1px)}.expense-table-wrapper{border:1px solid #e5e7eb;border-radius:14px;overflow-x:auto}.expense-table{border-collapse:collapse;background:#fff;width:100%;min-width:900px}.expense-table th,.expense-table td{text-align:left;color:#374151;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:13px 12px;font-size:14px}.expense-table th{color:#111827;background:#f9fafb;font-weight:800}.expense-table tbody tr{transition:background .2s}.expense-table tbody tr:hover{background:#fff7ed}.expense-table tbody tr:last-child td{border-bottom:none}.expense-actions{align-items:center;gap:8px;display:flex}.expense-edit-btn{color:#fff;background:#2563eb}.expense-edit-btn:hover{background:#1d4ed8}.expense-delete-btn{color:#fff;background:#dc2626}.expense-delete-btn:hover{background:#b91c1c}.expense-edit-btn:hover,.expense-delete-btn:hover{transform:translateY(-1px)}.expense-save-btn:disabled,.expense-cancel-btn:disabled,.expense-filter-grid button:disabled,.expense-edit-btn:disabled,.expense-delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.expense-state{text-align:center;color:#6b7280;background:#fff;border-radius:14px;padding:24px}@media (width<=900px){.expense-page{padding:16px}.expense-header{flex-direction:column}.expense-total-card{width:100%;min-width:unset}.expense-form-grid,.expense-filter-grid{grid-template-columns:1fr}.expense-full{grid-column:span 1}.expense-form-actions{flex-direction:column}.expense-save-btn,.expense-cancel-btn,.expense-filter-grid button{width:100%}}@media (width<=600px){.expense-page{padding:12px}.expense-header h2{font-size:24px}.expense-form-card,.expense-filter-card,.expense-list-card,.expense-total-card{border-radius:16px;padding:16px}.expense-total-card strong{font-size:22px}.expense-table th,.expense-table td{padding:11px 10px;font-size:13px}.expense-actions{flex-direction:column;align-items:stretch}.expense-edit-btn,.expense-delete-btn{width:100%}}.employees-page{background:#f5f7fb;width:100%;min-height:100vh}.employees-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.employees-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.employees-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.employees-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.add-employee-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.add-employee-btn:hover{background:#1d4ed8}.employees-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex;box-shadow:0 8px 24px #0f172a0d}.employees-search-box{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:10px;width:100%;max-width:430px;min-height:42px;padding:0 13px;transition:all .18s;display:flex}.employees-search-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.employees-search-box input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:14px}.employees-search-box input::placeholder{color:#9ca3af}.employees-count{color:#374151;white-space:nowrap;background:#f3f4f6;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.employees-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 8px 24px #0f172a0d}.employees-table{border-collapse:collapse;width:100%;min-width:1080px}.employees-table thead{background:#f9fafb}.employees-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.employees-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.employees-table tbody tr:hover{background:#f9fafb}.employees-table tbody tr:last-child td{border-bottom:none}.employee-name-box{align-items:center;gap:11px;display:flex}.employee-name-box strong{color:#111827;font-size:14px;font-weight:850;line-height:1.3;display:block}.employee-name-box small{color:#6b7280;margin-top:2px;font-size:12px;font-weight:600;display:block}.employee-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.employee-actions-heading{text-align:right!important}.employee-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.employee-action-btn,.view-attendance-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.edit-btn:hover{background:#dbeafe}.deactivate-btn:hover{background:#fee2e2}.activate-btn:hover{background:#dcfce7}.view-attendance-btn{color:#6d28d9;background:#f5f3ff}.view-attendance-btn:hover{background:#ede9fe}.no-employees,.employees-loading{text-align:center;color:#6b7280;padding:28px;font-size:14px;font-weight:700}.employees-loading{justify-content:center;align-items:center;min-height:160px;display:flex}@media (width<=768px){.employees-header{flex-direction:column;align-items:stretch}.add-employee-btn{width:100%}.employees-toolbar{align-items:stretch}.employees-search-box{max-width:100%}.employees-count{justify-content:center}.employees-header h2{font-size:22px}.employees-toolbar,.employees-table-card{border-radius:14px}}@media (width<=768px){.employee-form-header{flex-direction:column;align-items:stretch}.employee-back-btn{width:100%}.employee-form-card{border-radius:14px;padding:18px}.employee-form-grid{grid-template-columns:1fr;gap:16px}.employee-full-width{grid-column:span 1}.employee-form-actions{flex-direction:column-reverse}.employee-cancel-btn,.employee-submit-btn{width:100%}.employee-form-header h2{font-size:22px}}.required-star{color:#dc2626;font-weight:900}.input-error{background:#fff7f7!important;border-color:#dc2626!important;box-shadow:0 0 0 4px #dc26261f!important}.field-error-text{color:#dc2626;margin-top:6px;font-size:12px;font-weight:700;line-height:1.3;display:block}.employee-form-card input.input-error:focus,.employee-form-card select.input-error:focus,.employee-form-card textarea.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 4px #dc262629!important}.employee-form-card input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.employee-form-card input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.employee-form-card input[type=number]{appearance:textfield}.employee-form-page{background:#f5f7fb;width:100%;min-height:100vh}.employee-form-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.employee-form-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.employee-form-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.employee-form-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.employee-back-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.employee-back-btn:hover{background:#f9fafb;border-color:#cbd5e1}.employee-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:980px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.employee-card-title{border-bottom:1px solid #eef2f7;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:18px;display:flex}.employee-card-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.employee-card-title h3{color:#111827;margin:0;font-size:17px;font-weight:850;line-height:1.3}.employee-card-title p{color:#6b7280;margin:3px 0 0;font-size:13px;line-height:1.4}.employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.employee-form-group{flex-direction:column;gap:7px;display:flex}.employee-form-group label{color:#374151;font-size:13px;font-weight:800}.employee-form-group input,.employee-form-group select,.employee-form-group textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:14px;transition:all .18s}.employee-form-group textarea{resize:vertical;min-height:96px;padding:12px}.employee-form-group input::placeholder,.employee-form-group textarea::placeholder{color:#9ca3af}.employee-form-group input:focus,.employee-form-group select:focus,.employee-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.employee-full-width{grid-column:span 2}.employee-form-actions{border-top:1px solid #eef2f7;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:18px;display:flex}.employee-cancel-btn,.employee-submit-btn{cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.employee-cancel-btn{color:#374151;background:#fff;border:1px solid #e5e7eb}.employee-cancel-btn:hover{background:#f9fafb;border-color:#cbd5e1}.employee-submit-btn{color:#fff;background:#2563eb;border:none}.employee-submit-btn:hover:not(:disabled){background:#1d4ed8}.employee-submit-btn:disabled{opacity:.65;cursor:not-allowed}.employee-form-loading{color:#6b7280;justify-content:center;align-items:center;min-height:70vh;font-size:15px;font-weight:700;display:flex}@media (width<=768px){.employee-form-header{flex-direction:column;align-items:stretch}.employee-back-btn{width:100%}.employee-form-card{border-radius:14px;padding:18px}.employee-form-grid{grid-template-columns:1fr;gap:16px}.employee-full-width{grid-column:span 1}.employee-form-actions{flex-direction:column-reverse}.employee-cancel-btn,.employee-submit-btn{width:100%}.employee-form-header h2{font-size:22px}}.attendance-page{background:#f5f7fb;width:100%;min-height:100vh}.attendance-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.attendance-label{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.attendance-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.attendance-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.5}.attendance-date-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;min-width:230px;padding:14px;box-shadow:0 8px 24px #0f172a0d}.attendance-date-box label{color:#374151;align-items:center;gap:7px;margin-bottom:8px;font-size:13px;font-weight:800;display:flex}.attendance-date-box input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:40px;padding:0 12px;font-size:14px}.attendance-date-box input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.back-employees-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.back-employees-btn:hover{background:#f9fafb;border-color:#cbd5e1}.attendance-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.section-title{border-bottom:1px solid #eef2f7;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.section-title-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.section-title h3{color:#111827;margin:0;font-size:17px;font-weight:850;line-height:1.3}.section-title p{color:#6b7280;margin:3px 0 0;font-size:13px;line-height:1.4}.attendance-table-wrapper{border:1px solid #e5e7eb;border-radius:14px;width:100%;overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%;min-width:980px}.attendance-table thead{background:#f9fafb}.attendance-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.attendance-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.attendance-table tbody tr:hover{background:#f9fafb}.attendance-table tbody tr:last-child td{border-bottom:none}.history-table{min-width:800px}.employee-info{align-items:center;gap:11px;display:flex}.employee-info strong{color:#111827;font-size:14px;font-weight:850;display:block}.employee-info small{color:#6b7280;margin-top:2px;font-size:12px;font-weight:600;display:block}.attendance-table select,.attendance-table input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:38px;padding:0 10px;font-size:13px}.attendance-table select:focus,.attendance-table input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.attendance-table input:disabled,.attendance-table select:disabled{cursor:not-allowed;color:#9ca3af;background:#f3f4f6}.mark-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.mark-btn:hover:not(:disabled){background:#1d4ed8}.mark-btn:disabled{opacity:.65;cursor:not-allowed}.marked-badge{color:#166534;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.attendance-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-present{color:#166534;background:#dcfce7}.status-absent{color:#991b1b;background:#fee2e2}.status-half{color:#92400e;background:#fef3c7}.status-leave{color:#3730a3;background:#e0e7ff}.empty-cell{text-align:center;font-size:14px;font-weight:700;color:#6b7280!important;padding:28px!important}.employee-profile-attendance{align-items:center;gap:16px;margin-bottom:22px;display:flex}.large-avatar{border-radius:16px;width:58px;height:58px}.employee-profile-attendance h3{color:#111827;margin:0;font-size:22px;font-weight:900}.employee-profile-attendance p{color:#6b7280;margin:4px 0 0;font-size:14px}.attendance-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.summary-box{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.summary-icon{border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;display:flex}.summary-icon.present{color:#166534;background:#dcfce7}.summary-icon.absent{color:#991b1b;background:#fee2e2}.summary-icon.half{color:#92400e;background:#fef3c7}.summary-icon.leave{color:#3730a3;background:#e0e7ff}.summary-box span{color:#6b7280;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.summary-box strong{color:#111827;margin-top:7px;font-size:26px;font-weight:900;line-height:1.2;display:block}.attendance-loading{color:#6b7280;justify-content:center;align-items:center;min-height:70vh;font-size:15px;font-weight:700;display:flex}@media (width<=900px){.attendance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.attendance-header{flex-direction:column;align-items:stretch}.attendance-date-box,.back-employees-btn{width:100%}.attendance-header h2{font-size:22px}.attendance-card{border-radius:14px;padding:16px}.employee-profile-attendance{align-items:flex-start}}@media (width<=520px){.attendance-summary-grid{grid-template-columns:1fr}}.payroll-page{color:#111827;background:#f5f7fb;width:100%;min-height:100vh}.payroll-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.payroll-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.payroll-header h1{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.payroll-header p{color:#6b7280;max-width:760px;margin:6px 0 0;font-size:14px;line-height:1.5}.payroll-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.section-heading{border-bottom:1px solid #eef2f7;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.section-heading-left{align-items:center;gap:12px;display:flex}.section-heading-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.section-heading h2{color:#111827;margin:0;font-size:17px;font-weight:850;line-height:1.3}.section-heading p{color:#6b7280;margin:3px 0 0;font-size:13px;line-height:1.4}.payroll-list-heading{justify-content:space-between;gap:16px}.payroll-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:18px 20px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-wide{grid-column:span 2}.form-group input,.form-group select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:14px;transition:all .18s}.form-group input::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus,.input-icon-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.input-icon-box{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:0 13px;transition:all .18s;display:flex}.input-icon-box input,.input-icon-box select{background:0 0;border:none;min-height:auto;padding:0;box-shadow:none!important}.generate-btn,.refresh-btn,.pay-btn{cursor:pointer;white-space:nowrap;border:none;font-weight:800;transition:all .18s}.generate-btn{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;display:inline-flex}.generate-btn:hover:not(:disabled){background:#1d4ed8}.generate-btn:disabled{opacity:.65;cursor:not-allowed}.refresh-btn{color:#1d4ed8;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;display:inline-flex}.refresh-btn:hover{background:#dbeafe}.pay-btn{color:#1d4ed8;background:#eff6ff;border-radius:9px;min-height:34px;padding:0 11px;font-size:13px}.pay-btn:hover{background:#dbeafe}.table-wrapper{border:1px solid #e5e7eb;border-radius:14px;width:100%;overflow-x:auto}.payroll-table{border-collapse:collapse;width:100%;min-width:1250px}.payroll-table thead{background:#f9fafb}.payroll-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.payroll-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.payroll-table tbody tr:hover{background:#f9fafb}.payroll-table tbody tr:last-child td{border-bottom:none}.employee-cell{align-items:center;gap:11px;display:flex}.employee-avatar{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.employee-cell strong{color:#111827;font-size:14px;font-weight:850;line-height:1.3;display:block}.employee-cell span{color:#6b7280;margin-top:2px;font-size:12px;font-weight:600;display:block}.payment-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-paid{color:#166534;background:#dcfce7}.status-partial{color:#92400e;background:#fef3c7}.status-unpaid{color:#991b1b;background:#fee2e2}.empty-state{text-align:center;color:#6b7280;background:#f9fafb;border:1px dashed #cbd5e1;border-radius:14px;width:100%;padding:32px;font-size:14px;font-weight:700}@media (width<=1100px){.payroll-form{grid-template-columns:repeat(2,1fr)}.form-wide{grid-column:span 2}}@media (width<=768px){.payroll-header h1{font-size:22px}.payroll-card{border-radius:14px;padding:16px}.payroll-form{grid-template-columns:1fr}.form-wide{grid-column:span 1}.payroll-list-heading{flex-direction:column;align-items:flex-start}.section-heading-left{align-items:flex-start}.refresh-btn,.generate-btn{width:100%}}.unauthorized-page{background:linear-gradient(135deg,#f8fafc,#eef2ff);justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 70px);padding:40px 20px;display:flex}.unauthorized-card{text-align:center;background:#fff;border:1px solid #e2e8f0e6;border-radius:24px;width:100%;max-width:520px;padding:42px 34px;box-shadow:0 20px 60px #0f172a1f}.unauthorized-icon{background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin:0 auto 22px;font-size:38px;display:flex}.unauthorized-card h1{color:#0f172a;margin:0 0 12px;font-size:32px;font-weight:800}.unauthorized-card p{color:#64748b;max-width:420px;margin:0 auto 28px;font-size:15.5px;line-height:1.7}.unauthorized-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;outline:none;padding:13px 24px;font-size:15px;font-weight:700;transition:all .25s;box-shadow:0 12px 28px #2563eb40}.unauthorized-btn:hover{background:#1d4ed8;transform:translateY(-2px)}@media (width<=576px){.unauthorized-card{padding:34px 22px}.unauthorized-card h1{font-size:26px}.unauthorized-card p{font-size:14px}}.admin-users-page{padding:24px}.admin-users-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-users-header h1{color:#0f172a;margin:0;font-size:28px;font-weight:800}.admin-users-header p{color:#64748b;margin:6px 0 0;font-size:14px}.admin-users-add-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:12px 18px;font-weight:700}.admin-users-add-btn:hover{background:#1d4ed8}.admin-users-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #0f172a14}.admin-users-message{color:#64748b;padding:24px}.admin-users-table-wrap{width:100%;overflow-x:auto}.admin-users-table{border-collapse:collapse;width:100%}.admin-users-table th,.admin-users-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:16px;font-size:14px}.admin-users-table th{color:#334155;background:#f8fafc;font-weight:800}.role-badge,.status-badge{text-transform:capitalize;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.role-badge.admin{color:#0369a1;background:#e0f2fe}.role-badge.super_admin{color:#92400e;background:#fef3c7}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.inactive{color:#991b1b;background:#fee2e2}.admin-users-actions{flex-wrap:wrap;gap:8px;display:flex}.edit-btn,.activate-btn,.deactivate-btn{cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-weight:700}.edit-btn{color:#0369a1;background:#e0f2fe}.activate-btn{color:#166534;background:#dcfce7}.deactivate-btn{color:#991b1b;background:#fee2e2}@media (width<=768px){.admin-users-page{padding:16px}.admin-users-header{flex-direction:column;align-items:flex-start}.admin-users-add-btn{width:100%}}.admin-user-form-page{padding:24px}.admin-user-form-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-user-form-header h1{color:#0f172a;margin:0;font-size:28px;font-weight:800}.admin-user-form-header p{color:#64748b;margin:6px 0 0;font-size:14px}.back-btn{color:#0f172a;cursor:pointer;background:#e2e8f0;border:none;border-radius:12px;padding:11px 16px;font-weight:700}.back-btn:hover{background:#cbd5e1}.admin-user-form-card{background:#fff;border-radius:20px;max-width:720px;padding:24px;box-shadow:0 12px 35px #0f172a14}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.form-group label{color:#334155;font-size:14px;font-weight:800}.form-group input,.form-group select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:800}.submit-btn:hover{background:#1d4ed8}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=768px){.admin-user-form-page{padding:16px}.admin-user-form-header{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr;gap:0}.back-btn{width:100%}}.invoice-settings-page{background:#f5f7fb;width:100%;min-height:100vh}.invoice-settings-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.invoice-settings-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.invoice-settings-header h1{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.invoice-settings-header p{color:#6b7280;max-width:760px;margin:6px 0 0;font-size:14px;line-height:1.5}.invoice-settings-loading{color:#6b7280;justify-content:center;align-items:center;min-height:70vh;font-size:15px;font-weight:700;display:flex}.invoice-settings-message{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:800}.invoice-settings-form{flex-direction:column;gap:20px;display:flex}.invoice-settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.invoice-settings-card h2{color:#111827;border-bottom:1px solid #eef2f7;margin:0 0 18px;padding-bottom:14px;font-size:17px;font-weight:850;line-height:1.3}.invoice-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.invoice-settings-field{flex-direction:column;gap:7px;display:flex}.invoice-settings-field.full-width{margin-top:18px}.invoice-settings-field label{color:#374151;font-size:13px;font-weight:800}.invoice-settings-field input,.invoice-settings-field textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:14px;transition:all .18s}.invoice-settings-field textarea{resize:vertical;min-height:96px;padding:12px}.invoice-settings-field input::placeholder,.invoice-settings-field textarea::placeholder{color:#9ca3af}.invoice-settings-field input:focus,.invoice-settings-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.invoice-logo-upload-box{background:#f9fafb;border:1px dashed #cbd5e1;border-radius:14px;align-items:center;gap:16px;width:100%;padding:14px;display:flex}.invoice-logo-upload-preview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:0 0 92px;place-items:center;width:92px;height:76px;display:grid;overflow:hidden}.invoice-logo-upload-preview img{object-fit:contain;width:100%;height:100%;padding:6px}.invoice-logo-upload-preview span{color:#6b7280;letter-spacing:.05em;font-size:12px;font-weight:900}.invoice-logo-upload-content{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.invoice-logo-upload-btn{cursor:pointer;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex;color:#fff!important}.invoice-logo-upload-btn:hover{background:#1d4ed8}.invoice-logo-file-input{display:none}.invoice-logo-upload-content p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.invoice-logo-file-name{color:#2563eb;word-break:break-all;font-size:12px;font-weight:800}.invoice-logo-remove-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:9px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800;transition:all .18s}.invoice-logo-remove-btn:hover{background:#fee2e2}.invoice-live-preview-card{overflow:hidden}.invoice-preview-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.invoice-preview-heading h2{border:none;margin:0;padding:0}.invoice-preview-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.invoice-preview-badge{color:#2563eb;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.settings-invoice-preview{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.settings-invoice-top{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:24px;padding:22px;display:flex}.settings-invoice-brand{flex:1;min-width:0}.settings-invoice-logo{object-fit:contain;width:90px;height:72px;margin-bottom:12px;display:block}.settings-invoice-logo-placeholder{color:#6b7280;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;place-items:center;width:90px;height:72px;margin-bottom:12px;font-size:12px;font-weight:900;display:grid}.settings-invoice-brand h3{color:#111827;margin:0 0 8px;font-size:22px;font-weight:900;line-height:1.25}.settings-invoice-brand p{color:#4b5563;margin:4px 0;font-size:14px;line-height:1.5}.settings-invoice-meta{background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-width:230px;padding:16px}.settings-invoice-meta h4{color:#2563eb;letter-spacing:.06em;margin:0 0 14px;font-size:18px;font-weight:900}.settings-invoice-meta p{color:#6b7280;justify-content:space-between;gap:14px;margin:9px 0;font-size:14px;display:flex}.settings-invoice-meta strong{color:#111827;text-transform:capitalize}.settings-invoice-info-grid{grid-template-columns:1fr 1fr;gap:18px;padding:22px;display:grid}.settings-invoice-info-grid>div{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.settings-invoice-info-grid h4,.settings-invoice-notes h4,.settings-payment-preview h4{color:#111827;margin:0 0 10px;font-size:15px;font-weight:900}.settings-invoice-info-grid p,.settings-invoice-notes p,.settings-payment-preview p{color:#4b5563;margin:6px 0;font-size:14px;line-height:1.5}.settings-invoice-table-wrapper{padding:0 22px 22px;overflow-x:auto}.settings-invoice-table{border-collapse:collapse;width:100%;min-width:650px}.settings-invoice-table th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#111827;padding:13px 14px;font-size:12px;font-weight:900}.settings-invoice-table td{color:#374151;border-bottom:1px solid #e5e7eb;padding:13px 14px;font-size:14px}.settings-invoice-bottom{grid-template-columns:1.5fr .8fr;gap:20px;padding:0 22px 22px;display:grid}.settings-invoice-notes{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.settings-payment-preview{border-top:1px dashed #cbd5e1;margin-top:16px;padding-top:14px}.settings-total-preview{background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;align-self:start;padding:16px}.settings-total-preview p{color:#374151;justify-content:space-between;margin:9px 0;font-size:14px;display:flex}.settings-total-preview strong{color:#111827}.settings-total-preview .settings-grand-total{color:#2563eb;border-top:1px solid #bfdbfe;margin-top:12px;padding-top:12px;font-size:16px;font-weight:900}.settings-signature-row{justify-content:space-between;gap:24px;padding:8px 22px 22px;display:flex}.settings-signature-row div{text-align:center;width:220px}.settings-signature-row span{background:#9ca3af;height:1px;margin-bottom:8px;display:block}.settings-signature-row p{color:#4b5563;margin:0;font-size:13px;font-weight:700}.settings-invoice-footer-preview{color:#fff;text-align:center;background:#111827;padding:14px 20px;font-size:14px;font-weight:800}.invoice-settings-actions{justify-content:flex-end;display:flex}.invoice-settings-actions button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;outline:none;min-height:44px;padding:0 18px;font-size:14px;font-weight:900;transition:all .18s}.invoice-settings-actions button:hover:not(:disabled){background:#1d4ed8}.invoice-settings-actions button:disabled{opacity:.65;cursor:not-allowed}@media (width<=900px){.settings-invoice-top,.settings-invoice-bottom,.settings-invoice-info-grid{grid-template-columns:1fr}.settings-invoice-top{flex-direction:column}.settings-invoice-meta{min-width:100%}}@media (width<=768px){.invoice-settings-header{flex-direction:column;align-items:stretch}.invoice-settings-header h1{font-size:22px}.invoice-settings-grid{grid-template-columns:1fr}.invoice-settings-card{border-radius:14px;padding:16px}.invoice-settings-actions{justify-content:stretch}.invoice-settings-actions button{width:100%}}@media (width<=600px){.invoice-preview-heading{flex-direction:column;align-items:flex-start}.settings-invoice-top,.settings-invoice-info-grid,.settings-invoice-table-wrapper,.settings-invoice-bottom,.settings-signature-row{padding-left:16px;padding-right:16px}.settings-signature-row{flex-direction:column}.settings-signature-row div{width:100%}.settings-invoice-brand h3{font-size:20px}.invoice-logo-upload-box{flex-direction:column;align-items:flex-start}.invoice-logo-upload-preview{width:110px;height:82px}}.business-page{background:#f5f7fb;width:100%;min-height:100vh}.business-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.business-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.business-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.business-subtitle{color:#6b7280;max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.5}.business-primary-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.business-primary-btn:hover{background:#1d4ed8}.business-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:18px;padding:14px;box-shadow:0 8px 24px #0f172a0d}.business-search-box{gap:12px;width:100%;display:flex}.business-search-input{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:10px;flex:1;align-items:center;gap:10px;min-height:42px;padding:0 13px;transition:all .18s;display:flex}.business-search-input:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.business-search-input input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:14px}.business-search-input input::placeholder{color:#9ca3af}.business-search-btn,.business-clear-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.business-search-btn{color:#fff;background:#2563eb}.business-search-btn:hover{background:#1d4ed8}.business-clear-btn{color:#374151;background:#f3f4f6}.business-clear-btn:hover{background:#e5e7eb}.business-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:800}.business-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0f172a0d}.business-table-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.business-table-header h3{color:#111827;margin:0;font-size:17px;font-weight:850}.business-table-header p{color:#6b7280;margin:3px 0 0;font-size:13px}.business-table-header span{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.business-table-wrapper{width:100%;overflow-x:auto}.business-table{border-collapse:collapse;width:100%;min-width:980px}.business-table th{color:#374151;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.business-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.business-table tbody tr:hover{background:#f9fafb}.business-table tbody tr:last-child td{border-bottom:none}.business-company-cell{align-items:center;gap:11px;display:flex}.business-avatar{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.business-company-cell strong{color:#111827;font-size:14px;font-weight:850;display:block}.business-company-cell p{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin:2px 0 0;font-size:12px;font-weight:600;overflow:hidden}.business-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-inactive{color:#991b1b;background:#fee2e2}.business-actions-col{text-align:center!important}.business-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.business-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.business-action-btn.view{color:#374151;background:#f3f4f6}.business-action-btn.view:hover{background:#e5e7eb}.business-action-btn.edit{color:#1d4ed8;background:#eff6ff}.business-action-btn.edit:hover{background:#dbeafe}.business-action-btn.deactivate{color:#dc2626;background:#fef2f2}.business-action-btn.deactivate:hover{background:#fee2e2}.business-action-btn.activate{color:#15803d;background:#ecfdf5}.business-action-btn.activate:hover{background:#dcfce7}.business-action-btn:disabled{opacity:.6;cursor:not-allowed}.business-state{text-align:center;color:#6b7280;padding:40px 20px;font-size:14px;font-weight:700}@media (width<=768px){.business-header{flex-direction:column;align-items:stretch}.business-header h2{font-size:22px}.business-primary-btn{width:100%}.business-search-box{flex-direction:column}.business-search-btn,.business-clear-btn{width:100%}.business-table-header{flex-direction:column;align-items:flex-start}.business-card,.business-toolbar{border-radius:14px}}.business-form-page{background:#f5f7fb;width:100%;min-height:100vh}.business-form-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.business-form-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.business-form-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.business-form-header p{color:#6b7280;max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.5}.business-form-back-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.business-form-back-btn:hover{background:#f9fafb;border-color:#cbd5e1}.business-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:980px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.business-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:800}.business-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.business-form-section-title{border-bottom:1px solid #eef2f7;grid-column:1/-1;padding-bottom:14px}.business-form-section-title:not(:first-child){margin-top:6px}.business-form-section-title h3{color:#111827;margin:0;font-size:17px;font-weight:850;line-height:1.3}.business-form-section-title p{color:#6b7280;margin:3px 0 0;font-size:13px;line-height:1.4}.business-form-group{flex-direction:column;gap:7px;display:flex}.business-form-group.full-width{grid-column:1/-1}.business-form-group label{color:#374151;font-size:13px;font-weight:800}.business-form-group input,.business-form-group select,.business-form-group textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:14px;transition:all .18s}.business-form-group textarea{resize:vertical;min-height:96px;padding:12px}.business-form-group input::placeholder,.business-form-group textarea::placeholder{color:#9ca3af}.business-form-group input:focus,.business-form-group select:focus,.business-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.business-form-actions{border-top:1px solid #eef2f7;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:18px;display:flex}.business-form-cancel-btn,.business-form-submit-btn{cursor:pointer;white-space:nowrap;border-radius:10px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s}.business-form-cancel-btn{color:#374151;background:#fff;border:1px solid #e5e7eb}.business-form-cancel-btn:hover{background:#f9fafb;border-color:#cbd5e1}.business-form-submit-btn{color:#fff;background:#2563eb;border:none}.business-form-submit-btn:hover:not(:disabled){background:#1d4ed8}.business-form-submit-btn:disabled{opacity:.65;cursor:not-allowed}@media (width<=768px){.business-form-header{flex-direction:column;align-items:stretch}.business-form-header h2{font-size:22px}.business-form-back-btn{width:100%}.business-form-card{border-radius:14px;padding:18px}.business-form-grid{grid-template-columns:1fr}.business-form-group.full-width,.business-form-section-title{grid-column:span 1}.business-form-actions{flex-direction:column-reverse}.business-form-cancel-btn,.business-form-submit-btn{width:100%}}.business-details-page{background:#f5f7fb;width:100%;min-height:100vh}.business-details-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.business-details-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.business-details-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.business-details-header p{color:#6b7280;max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.5}.business-details-header-actions{gap:10px;display:flex}.business-details-back-btn,.business-details-edit-btn{cursor:pointer;white-space:nowrap;border-radius:10px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s}.business-details-back-btn{color:#374151;background:#fff;border:1px solid #e5e7eb}.business-details-back-btn:hover{background:#f9fafb;border-color:#cbd5e1}.business-details-edit-btn{color:#fff;background:#2563eb;border:none}.business-details-edit-btn:hover{background:#1d4ed8}.business-details-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:20px;margin-bottom:20px;display:grid}.business-details-card,.business-users-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #0f172a0d}.business-details-top{border-bottom:1px solid #eef2f7;align-items:center;gap:14px;padding-bottom:18px;display:flex}.business-details-avatar{color:#2563eb;background:#eff6ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:20px;font-weight:900;display:flex}.business-details-top h3{color:#111827;margin:0 0 8px;font-size:20px;font-weight:900}.business-details-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.details-status-active{color:#166534;background:#dcfce7}.details-status-inactive{color:#991b1b;background:#fee2e2}.business-details-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-top:20px;display:grid}.business-details-info label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.business-details-info p{color:#111827;word-break:break-word;margin:0;font-size:14px;font-weight:800}.business-details-actions{border-top:1px solid #eef2f7;margin-top:22px;padding-top:18px}.business-details-status-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s}.business-details-status-btn:hover:not(:disabled){background:#1d4ed8}.business-details-status-btn:disabled{opacity:.65;cursor:not-allowed}.business-summary-item{background:#f9fafb;border:1px solid #eef2f7;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px;display:flex}.business-summary-item span{color:#6b7280;font-size:13px;font-weight:800}.business-summary-item strong{color:#111827;font-size:22px;font-weight:900}.business-users-card{overflow:hidden}.business-users-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.business-users-header h3{color:#111827;margin:0;font-size:17px;font-weight:850}.business-users-header p{color:#6b7280;margin:3px 0 0;font-size:13px}.business-users-create-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800}.business-users-create-btn:hover{background:#1d4ed8}.business-users-table-wrapper{width:100%;overflow-x:auto}.business-users-table{border-collapse:collapse;width:100%;min-width:850px}.business-users-table th{color:#374151;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.business-users-table td{color:#374151;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.business-users-table tbody tr:hover{background:#f9fafb}.business-role-badge{color:#2563eb;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.business-user-edit-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:none;border-radius:9px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800}.business-user-edit-btn:hover{background:#dbeafe}.business-details-state{text-align:center;color:#6b7280;padding:40px 20px;font-size:14px;font-weight:700}.business-details-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:800}@media (width<=900px){.business-details-grid{grid-template-columns:1fr}.business-details-header{flex-direction:column;align-items:stretch}.business-details-header-actions{width:100%}.business-details-back-btn,.business-details-edit-btn{flex:1}.business-users-header{flex-direction:column}.business-users-create-btn{width:100%}}@media (width<=640px){.business-details-header h2{font-size:22px}.main-card,.summary-card{border-radius:14px;padding:16px}.business-details-info{grid-template-columns:1fr}.business-details-top{align-items:flex-start}}.business-context-banner{background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #bfdbfe;border-radius:18px;grid-template-columns:1.4fr 2fr 1fr;gap:16px;width:100%;margin-bottom:22px;padding:18px 20px;display:grid}.business-context-banner div{flex-direction:column;gap:5px;display:flex}.business-context-banner span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.business-context-banner strong{color:#0f172a;word-break:break-word;font-size:14px;font-weight:900}.business-manage-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;margin:24px 0;padding:24px;box-shadow:0 16px 40px #0f172a0f}.business-manage-header{justify-content:space-between;gap:18px;margin-bottom:20px;display:flex}.business-manage-header h3{color:#111827;margin:0;font-size:20px;font-weight:900}.business-manage-header p{color:#6b7280;margin:6px 0 0;font-size:14px;line-height:1.6}.business-manage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.business-manage-module-card{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;outline:none;padding:18px;transition:all .2s}.business-manage-module-card:hover{background:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 16px 34px #2563eb1f}.business-manage-module-card span{color:#111827;margin-bottom:8px;font-size:15px;font-weight:900;display:block}.business-manage-module-card p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}@media (width<=1100px){.business-manage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.business-context-banner{grid-template-columns:1fr}}@media (width<=760px){.business-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.business-manage-grid{grid-template-columns:1fr}}.staff-users-page{background:#f5f7fb;width:100%;min-height:100vh}.staff-users-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.staff-users-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.staff-users-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.staff-users-header p{color:#6b7280;max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.5}.staff-users-primary-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.staff-users-primary-btn:hover{background:#1d4ed8}.staff-users-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:18px;padding:14px;box-shadow:0 8px 24px #0f172a0d}.staff-users-search-box{gap:12px;width:100%;display:flex}.staff-users-input-wrap{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:10px;flex:1;align-items:center;gap:10px;min-height:42px;padding:0 13px;transition:all .18s;display:flex}.staff-users-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.staff-users-input-wrap input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:14px}.staff-users-input-wrap input::placeholder{color:#9ca3af}.staff-users-search-btn,.staff-users-clear-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.staff-users-search-btn{color:#fff;background:#2563eb}.staff-users-search-btn:hover{background:#1d4ed8}.staff-users-clear-btn{color:#374151;background:#f3f4f6}.staff-users-clear-btn:hover{background:#e5e7eb}.staff-users-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:800}.staff-users-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0f172a0d}.staff-users-table-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.staff-users-table-header h3{color:#111827;margin:0;font-size:17px;font-weight:850}.staff-users-table-header p{color:#6b7280;margin:3px 0 0;font-size:13px}.staff-users-table-header span{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.staff-users-table-wrapper{width:100%;overflow-x:auto}.staff-users-table{border-collapse:collapse;width:100%;min-width:900px}.staff-users-table th{color:#374151;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.staff-users-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.staff-users-table tbody tr:hover{background:#f9fafb}.staff-users-table tbody tr:last-child td{border-bottom:none}.staff-user-profile{align-items:center;gap:11px;display:flex}.staff-user-avatar{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.staff-user-profile strong{color:#111827;font-size:14px;font-weight:850;line-height:1.3;display:block}.staff-user-profile p{color:#6b7280;margin:2px 0 0;font-size:12px;font-weight:600}.staff-role-badge,.staff-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.staff-role-badge{color:#2563eb;background:#eff6ff}.staff-status-active{color:#166534;background:#dcfce7}.staff-status-inactive{color:#991b1b;background:#fee2e2}.staff-users-actions-col{text-align:center!important}.staff-users-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.staff-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.staff-action-btn.edit{color:#1d4ed8;background:#eff6ff}.staff-action-btn.edit:hover{background:#dbeafe}.staff-action-btn.deactivate{color:#dc2626;background:#fef2f2}.staff-action-btn.deactivate:hover{background:#fee2e2}.staff-action-btn.activate{color:#15803d;background:#ecfdf5}.staff-action-btn.activate:hover{background:#dcfce7}.staff-action-btn:disabled{opacity:.6;cursor:not-allowed}.staff-users-state{text-align:center;color:#6b7280;padding:40px 20px;font-size:14px;font-weight:700}@media (width<=768px){.staff-users-header{flex-direction:column;align-items:stretch}.staff-users-header h2{font-size:22px}.staff-users-primary-btn{width:100%}.staff-users-search-box{flex-direction:column}.staff-users-search-btn,.staff-users-clear-btn{width:100%}.staff-users-table-header{flex-direction:column;align-items:flex-start}.staff-users-card,.staff-users-toolbar{border-radius:14px}}.user-form-page{background:#f5f7fb;width:100%;min-height:100vh}.user-form-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.user-form-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.user-form-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.user-form-header p{color:#6b7280;max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.5}.user-form-back-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.user-form-back-btn:hover{background:#f9fafb;border-color:#cbd5e1}.user-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:980px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.user-form-card-title{border-bottom:1px solid #eef2f7;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:18px;display:flex}.user-form-card-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.user-form-card-title h3{color:#111827;margin:0;font-size:17px;font-weight:850;line-height:1.3}.user-form-card-title p{color:#6b7280;margin:3px 0 0;font-size:13px;line-height:1.4}.user-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:800}.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.user-form-group{flex-direction:column;gap:7px;display:flex}.user-form-group label{color:#374151;font-size:13px;font-weight:800}.user-form-group input,.user-form-group select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:14px;transition:all .18s}.user-form-group input::placeholder{color:#9ca3af}.user-form-group input:focus,.user-form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.user-form-actions{border-top:1px solid #eef2f7;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:18px;display:flex}.user-form-cancel-btn,.user-form-submit-btn{cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.user-form-cancel-btn{color:#374151;background:#fff;border:1px solid #e5e7eb}.user-form-cancel-btn:hover{background:#f9fafb;border-color:#cbd5e1}.user-form-submit-btn{color:#fff;background:#2563eb;border:none}.user-form-submit-btn:hover:not(:disabled){background:#1d4ed8}.user-form-submit-btn:disabled{opacity:.65;cursor:not-allowed}.user-form-loading{color:#6b7280;justify-content:center;align-items:center;min-height:70vh;font-size:15px;font-weight:700;display:flex}@media (width<=768px){.user-form-header{flex-direction:column;align-items:stretch}.user-form-header h2{font-size:22px}.user-form-back-btn{width:100%}.user-form-card{border-radius:14px;padding:18px}.user-form-grid{grid-template-columns:1fr;gap:16px}.user-form-actions{flex-direction:column-reverse}.user-form-cancel-btn,.user-form-submit-btn{width:100%}}.all-users-page{background:#f5f7fb;width:100%;min-height:100vh}.all-users-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.all-users-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.all-users-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.all-users-header p{color:#6b7280;max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.5}.all-users-primary-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s}.all-users-primary-btn:hover{background:#1d4ed8}.all-users-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:18px;padding:14px;box-shadow:0 8px 24px #0f172a0d}.all-users-search-box{gap:12px;width:100%;display:flex}.all-users-search-box input{color:#111827;border:1px solid #d1d5db;border-radius:10px;outline:none;flex:1;min-height:42px;padding:0 13px;font-size:14px;transition:all .18s}.all-users-search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.all-users-search-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;min-height:42px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s}.all-users-search-box button:hover{background:#1d4ed8}.all-users-clear-btn{color:#374151!important;background:#f3f4f6!important}.all-users-clear-btn:hover{background:#e5e7eb!important}.all-users-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:800}.all-users-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0f172a0d}.all-users-table-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.all-users-table-header h3{color:#111827;margin:0;font-size:17px;font-weight:850}.all-users-table-header span{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.all-users-table-wrapper{width:100%;overflow-x:auto}.all-users-table{border-collapse:collapse;width:100%;min-width:1050px}.all-users-table th{color:#374151;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.all-users-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.all-users-table tbody tr:hover{background:#f9fafb}.all-users-table tbody tr:last-child td{border-bottom:none}.all-user-profile{align-items:center;gap:11px;display:flex}.all-user-avatar{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:900;display:flex}.all-user-profile strong{color:#111827;font-size:14px;font-weight:850;display:block}.all-user-profile p{color:#6b7280;margin:2px 0 0;font-size:12px;font-weight:600}.all-user-business-badge,.all-user-role,.all-user-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.all-user-business-badge{color:#374151;background:#f9fafb;border:1px solid #e5e7eb}.all-user-role{color:#2563eb;background:#eff6ff}.role-super_admin{color:#92400e;background:#fef3c7}.role-admin{color:#2563eb;background:#eff6ff}.role-staff{color:#374151;background:#f3f4f6}.all-user-status-active{color:#166534;background:#dcfce7}.all-user-status-inactive{color:#991b1b;background:#fee2e2}.all-users-actions-col{text-align:center!important}.all-users-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.all-user-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800;transition:all .18s}.all-user-action-btn.edit{color:#1d4ed8;background:#eff6ff}.all-user-action-btn.edit:hover{background:#dbeafe}.all-user-action-btn.toggle{color:#dc2626;background:#fef2f2}.all-user-action-btn.toggle:hover{background:#fee2e2}.all-user-action-btn:disabled{opacity:.6;cursor:not-allowed}.all-users-state{text-align:center;color:#6b7280;padding:40px 20px;font-size:14px;font-weight:700}@media (width<=768px){.all-users-header{flex-direction:column;align-items:stretch}.all-users-header h2{font-size:22px}.all-users-primary-btn{width:100%}.all-users-search-box{flex-direction:column}.all-users-search-box button{width:100%}.all-users-table-header{flex-direction:column;align-items:flex-start}.all-users-card,.all-users-toolbar{border-radius:14px}}.plans-page{background:#f5f7fb;width:100%;min-height:100vh}.plans-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.plans-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.plans-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.plans-header p{color:#6b7280;max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.5}.plans-primary-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.plans-primary-btn:hover{background:#1d4ed8}.plans-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:800}.plans-state{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:40px 20px;font-size:14px;font-weight:700;box-shadow:0 8px 24px #0f172a0d}.plans-empty-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:520px;padding:26px;box-shadow:0 8px 24px #0f172a0d}.plans-empty-card h3{color:#111827;margin:0;font-size:22px;font-weight:900}.plans-empty-card p{color:#6b7280;margin:10px 0 20px;font-size:14px}.plans-empty-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;display:inline-flex}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.plan-card-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.plan-card h3{color:#111827;letter-spacing:-.02em;margin:12px 0 0;font-size:22px;font-weight:900}.plan-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.plan-status-active{color:#166534;background:#dcfce7}.plan-status-inactive{color:#991b1b;background:#fee2e2}.plan-price-box{text-align:right}.plan-price-box strong{color:#2563eb;font-size:22px;font-weight:900;line-height:1.2;display:block}.plan-price-box span{color:#6b7280;margin-top:4px;font-size:12px;font-weight:800;display:block}.plan-limits{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}.plan-limits div{background:#f9fafb;border:1px solid #eef2f7;border-radius:14px;padding:12px}.plan-limits svg{color:#2563eb;margin-bottom:8px}.plan-limits span{color:#6b7280;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.plan-limits strong{color:#111827;font-size:18px;font-weight:900}.plan-features{flex-wrap:wrap;gap:8px;min-height:34px;margin-top:18px;display:flex}.plan-feature-badge{color:#2563eb;background:#eff6ff;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.plan-no-feature{color:#9ca3af;font-size:13px;font-weight:700}.plan-actions{border-top:1px solid #eef2f7;gap:10px;margin-top:20px;padding-top:18px;display:flex}.plan-edit-btn,.plan-toggle-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.plan-edit-btn{color:#1d4ed8;background:#eff6ff}.plan-edit-btn:hover{background:#dbeafe}.plan-toggle-btn.deactivate{color:#dc2626;background:#fef2f2}.plan-toggle-btn.deactivate:hover{background:#fee2e2}.plan-toggle-btn.activate{color:#15803d;background:#ecfdf5}.plan-toggle-btn.activate:hover{background:#dcfce7}.plan-toggle-btn:disabled{opacity:.65;cursor:not-allowed}@media (width<=1100px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.plans-header{flex-direction:column;align-items:stretch}.plans-header h2{font-size:22px}.plans-primary-btn{width:100%}.plans-grid{grid-template-columns:1fr}.plan-card{border-radius:14px}}.plan-form-page{background:#f5f7fb;width:100%;min-height:100vh}.plan-form-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.plan-form-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.plan-form-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.plan-form-header p{color:#6b7280;max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.5}.plan-form-back-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.plan-form-back-btn:hover{background:#f9fafb;border-color:#cbd5e1}.plan-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:1050px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.plan-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:800}.plan-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.plan-form-section-title{border-bottom:1px solid #eef2f7;padding-bottom:14px}.plan-form-section-title:not(:first-child){margin-top:6px}.plan-form-section-title h3{color:#111827;margin:0;font-size:17px;font-weight:850;line-height:1.3}.plan-form-section-title p{color:#6b7280;margin:3px 0 0;font-size:13px;line-height:1.4}.plan-form-group{flex-direction:column;gap:7px;display:flex}.plan-form-group label{color:#374151;font-size:13px;font-weight:800}.plan-form-group input,.plan-form-group select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:14px;transition:all .18s}.plan-form-group input::placeholder{color:#9ca3af}.plan-form-group input:focus,.plan-form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.plan-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.plan-checkbox-card{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;align-items:flex-start;gap:12px;padding:16px;transition:all .18s;display:flex}.plan-checkbox-card:hover{background:#eff6ff;border-color:#bfdbfe}.plan-checkbox-card input{accent-color:#2563eb;flex-shrink:0;width:18px;height:18px;margin-top:2px}.plan-checkbox-card span{flex-direction:column;gap:4px;display:flex}.plan-checkbox-card strong{color:#111827;font-size:14px;font-weight:900}.plan-checkbox-card small{color:#6b7280;font-size:13px;line-height:1.4}.plan-form-actions{border-top:1px solid #eef2f7;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:18px;display:flex}.plan-form-cancel-btn,.plan-form-submit-btn{cursor:pointer;white-space:nowrap;border-radius:10px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s}.plan-form-cancel-btn{color:#374151;background:#fff;border:1px solid #e5e7eb}.plan-form-cancel-btn:hover{background:#f9fafb;border-color:#cbd5e1}.plan-form-submit-btn{color:#fff;background:#2563eb;border:none}.plan-form-submit-btn:hover:not(:disabled){background:#1d4ed8}.plan-form-submit-btn:disabled{opacity:.65;cursor:not-allowed}@media (width<=768px){.plan-form-header{flex-direction:column;align-items:stretch}.plan-form-header h2{font-size:22px}.plan-form-back-btn{width:100%}.plan-form-card{border-radius:14px;padding:18px}.plan-form-grid,.plan-checkbox-grid{grid-template-columns:1fr}.plan-form-actions{flex-direction:column-reverse}.plan-form-cancel-btn,.plan-form-submit-btn{width:100%}}.subscriptions-page{background:#f5f7fb;width:100%;min-height:100vh}.subscriptions-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.subscriptions-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.subscriptions-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.subscriptions-header p{color:#6b7280;max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.5}.subscriptions-primary-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.subscriptions-primary-btn:hover{background:#1d4ed8}.subscriptions-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:18px;padding:14px;box-shadow:0 8px 24px #0f172a0d}.subscriptions-filter-form{grid-template-columns:minmax(240px,1fr) 170px 170px 110px 110px;gap:12px;display:grid}.subscriptions-search-input{color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:0 13px;transition:all .18s;display:flex}.subscriptions-search-input:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.subscriptions-search-input input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:14px}.subscriptions-search-input input::placeholder{color:#9ca3af}.subscriptions-filter-form select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:14px;transition:all .18s}.subscriptions-filter-form select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.subscriptions-apply-btn,.subscriptions-clear-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.subscriptions-apply-btn{color:#fff;background:#2563eb}.subscriptions-apply-btn:hover{background:#1d4ed8}.subscriptions-clear-btn{color:#374151;background:#f3f4f6}.subscriptions-clear-btn:hover{background:#e5e7eb}.subscriptions-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:800}.subscriptions-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0f172a0d}.subscriptions-table-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.subscriptions-table-header h3{color:#111827;margin:0;font-size:17px;font-weight:850}.subscriptions-table-header p{color:#6b7280;margin:3px 0 0;font-size:13px}.subscriptions-table-header span{color:#2563eb;white-space:nowrap;background:#eff6ff;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.subscriptions-table-wrapper{width:100%;overflow-x:auto}.subscriptions-table{border-collapse:collapse;width:100%;min-width:1150px}.subscriptions-table th{color:#374151;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:900}.subscriptions-table td{color:#374151;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.subscriptions-table tbody tr:hover{background:#f9fafb}.subscriptions-table tbody tr:last-child td{border-bottom:none}.subscription-business-cell{align-items:center;gap:11px;display:flex}.subscription-avatar{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.subscription-business-cell strong{color:#111827;font-size:14px;font-weight:850;display:block}.subscription-business-cell p{color:#6b7280;margin:2px 0 0;font-size:12px;font-weight:600}.subscription-plan-badge,.subscription-status,.subscription-payment{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.subscription-plan-badge{color:#2563eb;background:#eff6ff}.subscriptions-actions-col{text-align:center!important}.subscriptions-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.subscription-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.subscription-action-btn.view{color:#374151;background:#f3f4f6}.subscription-action-btn.view:hover{background:#e5e7eb}.subscription-action-btn.extend{color:#1d4ed8;background:#eff6ff}.subscription-action-btn.extend:hover{background:#dbeafe}.subscription-action-btn.activate{color:#15803d;background:#ecfdf5}.subscription-action-btn.activate:hover{background:#dcfce7}.subscription-action-btn.cancel{color:#dc2626;background:#fef2f2}.subscription-action-btn.cancel:hover{background:#fee2e2}.subscription-action-btn:disabled{opacity:.6;cursor:not-allowed}.subscriptions-state{text-align:center;color:#6b7280;padding:40px 20px;font-size:14px;font-weight:700}@media (width<=1100px){.subscriptions-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.subscriptions-header{flex-direction:column;align-items:stretch}.subscriptions-header h2{font-size:22px}.subscriptions-primary-btn{width:100%}.subscriptions-filter-form{grid-template-columns:1fr}.subscriptions-apply-btn,.subscriptions-clear-btn{width:100%}.subscriptions-table-header{flex-direction:column;align-items:flex-start}.subscriptions-card,.subscriptions-toolbar{border-radius:14px}}.subscription-form-page{background:#f5f7fb;width:100%;min-height:100vh}.subscription-form-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.subscription-form-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.subscription-form-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.subscription-form-header p{color:#6b7280;max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.5}.subscription-form-back-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s}.subscription-form-back-btn:hover{background:#f9fafb;border-color:#cbd5e1}.subscription-form-card,.subscription-loading-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:1050px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.subscription-loading-card{color:#6b7280;text-align:center;font-size:15px;font-weight:700}.subscription-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:800}.subscription-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.full-width{grid-column:1/-1}.subscription-form-section-title{border-bottom:1px solid #eef2f7;padding-bottom:14px}.subscription-form-section-title:not(:first-child){margin-top:6px}.subscription-form-section-title h3{color:#111827;margin:0;font-size:17px;font-weight:850;line-height:1.3}.subscription-form-section-title p{color:#6b7280;margin:3px 0 0;font-size:13px;line-height:1.4}.subscription-form-group{flex-direction:column;gap:7px;display:flex}.subscription-form-group label{color:#374151;font-size:13px;font-weight:800}.subscription-form-group input,.subscription-form-group select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:42px;padding:0 12px;font-size:14px;transition:all .18s}.subscription-form-group input::placeholder{color:#9ca3af}.subscription-form-group input:focus,.subscription-form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.subscription-form-group input:disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.searchable-field,.search-input-wrap{position:relative}.search-input-wrap input{padding-right:44px}.search-clear-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:999px;width:28px;height:28px;font-size:18px;font-weight:900;line-height:1;transition:all .18s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-clear-btn:hover{background:#e5e7eb}.search-suggestions{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-height:280px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 34px #0f172a1f}.search-suggestion-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;flex-direction:column;gap:4px;width:100%;padding:12px;transition:all .18s;display:flex}.search-suggestion-item:hover{background:#f9fafb}.search-suggestion-item strong{color:#111827;font-size:14px;font-weight:900}.search-suggestion-item span{color:#6b7280;font-size:13px;line-height:1.4}.search-empty-box{text-align:center;padding:18px}.search-empty-box p{color:#6b7280;margin:0 0 12px;font-size:14px;font-weight:700}.search-empty-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;min-height:38px;padding:0 14px;font-size:14px;font-weight:800}.selected-preview{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;flex-direction:column;gap:4px;margin-top:10px;padding:12px 14px;display:flex}.selected-preview strong{color:#111827;font-size:14px;font-weight:900}.selected-preview span{color:#2563eb;font-size:13px;font-weight:700}.warning-preview{background:#fffbeb;border-color:#fde68a}.warning-preview span{color:#92400e}.subscription-plan-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px;display:grid}.subscription-plan-preview div{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:14px}.subscription-plan-preview span{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.subscription-plan-preview strong{color:#111827;font-size:16px;font-weight:900}.subscription-form-actions{border-top:1px solid #eef2f7;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:18px;display:flex}.subscription-form-cancel-btn,.subscription-form-submit-btn{cursor:pointer;white-space:nowrap;border-radius:10px;min-height:42px;padding:0 16px;font-size:14px;font-weight:800;transition:all .18s}.subscription-form-cancel-btn{color:#374151;background:#fff;border:1px solid #e5e7eb}.subscription-form-cancel-btn:hover{background:#f9fafb;border-color:#cbd5e1}.subscription-form-submit-btn{color:#fff;background:#2563eb;border:none}.subscription-form-submit-btn:hover:not(:disabled){background:#1d4ed8}.subscription-form-submit-btn:disabled{opacity:.65;cursor:not-allowed}@media (width<=900px){.subscription-plan-preview{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.subscription-form-header{flex-direction:column;align-items:stretch}.subscription-form-header h2{font-size:22px}.subscription-form-back-btn{width:100%}.subscription-form-card,.subscription-loading-card{border-radius:14px;padding:18px}.subscription-form-grid,.subscription-plan-preview{grid-template-columns:1fr}.subscription-form-actions{flex-direction:column-reverse}.subscription-form-cancel-btn,.subscription-form-submit-btn{width:100%}}.subscription-details-page{background:#f5f7fb;width:100%;min-height:100vh}.subscription-details-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.subscription-details-eyebrow{color:#2563eb;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:900}.subscription-details-header h2{color:#111827;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.subscription-details-header p{color:#6b7280;max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.5}.subscription-details-header-actions{gap:10px;display:flex}.subscription-details-back-btn,.subscription-details-extend-btn{cursor:pointer;white-space:nowrap;border-radius:10px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s}.subscription-details-back-btn{color:#374151;background:#fff;border:1px solid #e5e7eb}.subscription-details-back-btn:hover{background:#f9fafb;border-color:#cbd5e1}.subscription-details-extend-btn{color:#fff;background:#2563eb;border:none}.subscription-details-extend-btn:hover{background:#1d4ed8}.subscription-details-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:20px;margin-bottom:20px;display:grid}.subscription-details-card,.subscription-plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #0f172a0d}.main-card,.summary-card{padding:20px}.subscription-details-top{border-bottom:1px solid #eef2f7;align-items:center;gap:14px;padding-bottom:18px;display:flex}.subscription-details-avatar{color:#2563eb;background:#eff6ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:20px;font-weight:900;display:flex}.subscription-details-top h3{color:#111827;margin:0 0 8px;font-size:20px;font-weight:900}.subscription-details-badges{flex-wrap:wrap;gap:8px;display:flex}.subscription-details-status,.subscription-details-payment{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-active{color:#166534;background:#dcfce7}.status-expired{color:#991b1b;background:#fee2e2}.status-pending{color:#92400e;background:#fef3c7}.status-cancelled{color:#374151;background:#f3f4f6}.payment-paid{color:#166534;background:#dcfce7}.payment-partial{color:#92400e;background:#fef3c7}.payment-unpaid{color:#991b1b;background:#fee2e2}.subscription-details-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-top:20px;display:grid}.subscription-details-info label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.subscription-details-info p{color:#111827;word-break:break-word;margin:0;font-size:14px;font-weight:800}.subscription-details-actions{border-top:1px solid #eef2f7;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:18px;display:flex}.subscription-details-action-btn{cursor:pointer;border:none;border-radius:10px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;transition:all .18s}.subscription-details-action-btn.activate{color:#15803d;background:#ecfdf5}.subscription-details-action-btn.activate:hover{background:#dcfce7}.subscription-details-action-btn.cancel{color:#dc2626;background:#fef2f2}.subscription-details-action-btn.cancel:hover{background:#fee2e2}.subscription-details-action-btn:disabled{opacity:.65;cursor:not-allowed}.summary-card h3{color:#111827;margin:0 0 16px;font-size:17px;font-weight:850}.subscription-summary-item{background:#f9fafb;border:1px solid #eef2f7;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.subscription-summary-item span{color:#6b7280;font-size:13px;font-weight:800}.subscription-summary-item strong{color:#111827;text-align:right;text-transform:capitalize;font-size:15px;font-weight:900}.subscription-plan-card{overflow:hidden}.subscription-plan-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.subscription-plan-header h3{color:#111827;margin:0;font-size:20px;font-weight:900}.subscription-plan-header p{color:#6b7280;margin:3px 0 0;font-size:13px}.subscription-plan-price{text-align:right}.subscription-plan-price strong{color:#2563eb;font-size:24px;font-weight:900;display:block}.subscription-plan-price span{color:#6b7280;margin-top:4px;font-size:13px;font-weight:700;display:block}.subscription-plan-limits{grid-template-columns:repeat(5,1fr);gap:14px;padding:20px;display:grid}.subscription-plan-limits div{background:#f9fafb;border:1px solid #eef2f7;border-radius:14px;padding:14px}.subscription-plan-limits span{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.subscription-plan-limits strong{color:#111827;font-size:18px;font-weight:900}.subscription-feature-list{flex-wrap:wrap;gap:10px;padding:0 20px 20px;display:flex}.subscription-feature-list span{border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.feature-enabled{color:#2563eb;background:#eff6ff}.feature-disabled{color:#9ca3af;background:#f3f4f6;text-decoration:line-through}.subscription-details-state{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:40px 20px;font-size:14px;font-weight:700;box-shadow:0 8px 24px #0f172a0d}.subscription-details-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:800}@media (width<=1100px){.subscription-plan-limits{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.subscription-details-grid{grid-template-columns:1fr}.subscription-details-header{flex-direction:column;align-items:stretch}.subscription-details-header-actions{width:100%}.subscription-details-back-btn,.subscription-details-extend-btn{flex:1}.subscription-plan-header{flex-direction:column}.subscription-plan-price{text-align:left}}@media (width<=640px){.subscription-details-header h2{font-size:22px}.main-card,.summary-card{border-radius:14px;padding:16px}.subscription-details-info,.subscription-plan-limits{grid-template-columns:1fr}.subscription-details-top{align-items:flex-start}}.super-dashboard-page{background:var(--admin-bg);width:100%;min-width:0;max-width:100%;min-height:calc(100vh - 70px);color:var(--admin-text);font-family:var(--admin-font);padding:28px;overflow-x:hidden}.super-dashboard-header{justify-content:space-between;align-items:flex-start;gap:18px;width:100%;min-width:0;max-width:100%;margin-bottom:22px;display:flex}.super-dashboard-header>div{min-width:0}.super-dashboard-eyebrow{color:var(--admin-primary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:800}.super-dashboard-header h1{color:var(--admin-text);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.super-dashboard-header p{color:var(--admin-muted);max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.55}.super-refresh-btn{border-radius:var(--admin-radius-sm);background:var(--admin-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.super-refresh-btn:hover{background:var(--admin-primary-dark);transform:translateY(-1px)}.super-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%;min-width:0;max-width:100%;margin-bottom:18px;display:grid}.super-stat-card{background:var(--admin-card);border-radius:var(--admin-radius);border:1px solid var(--admin-border);min-width:0;box-shadow:var(--admin-shadow);align-items:center;gap:16px;padding:22px;display:flex;overflow:hidden}.super-stat-icon{border-radius:var(--admin-radius);flex-shrink:0;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;display:flex}.super-stat-icon.blue{background:var(--admin-primary-soft);color:var(--admin-primary)}.super-stat-icon.green{background:var(--admin-success-soft);color:var(--admin-success)}.super-stat-icon.purple{color:#7c3aed;background:#ede9fe}.super-stat-icon.orange{background:var(--admin-warning-soft);color:var(--admin-warning)}.super-stat-card>div:last-child{flex:1;min-width:0}.super-stat-card p{color:var(--admin-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;overflow:hidden}.super-stat-card h3{color:var(--admin-text);word-break:break-word;margin:6px 0;font-size:26px;font-weight:800;line-height:1.15}.super-stat-card span{color:var(--admin-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.super-small-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%;min-width:0;max-width:100%;margin-bottom:22px;display:grid}.super-mini-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);min-width:0;color:var(--admin-primary);box-shadow:var(--admin-shadow);align-items:center;gap:14px;padding:18px;display:flex;overflow:hidden}.super-mini-card svg{flex-shrink:0}.super-mini-card>div{flex:1;min-width:0}.super-mini-card p{color:var(--admin-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;overflow:hidden}.super-mini-card h4{color:var(--admin-text);margin:4px 0 0;font-size:22px;font-weight:800;line-height:1.2}.super-dashboard-sections{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;width:100%;min-width:0;max-width:100%;margin-bottom:22px;display:grid}.super-section-card{background:var(--admin-card);border-radius:var(--admin-radius);border:1px solid var(--admin-border);width:100%;min-width:0;max-width:100%;box-shadow:var(--admin-shadow);padding:22px;overflow:hidden}.super-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.super-section-header h2{color:var(--admin-text);margin:0;font-size:20px;font-weight:800;line-height:1.25}.super-table-wrapper{border:1px solid var(--admin-border);border-radius:var(--admin-radius);background:#fff;width:100%;min-width:0;max-width:100%;overflow:auto hidden}.super-table-wrapper::-webkit-scrollbar{height:6px}.super-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.super-table-wrapper table{border-collapse:collapse;width:100%;min-width:680px}.super-table-wrapper th{text-align:left;color:#374151;border-bottom:1px solid var(--admin-border);white-space:nowrap;background:#f9fafb;padding:14px 16px;font-size:13px;font-weight:800}.super-table-wrapper td{color:var(--admin-text);white-space:nowrap;vertical-align:middle;text-overflow:ellipsis;border-bottom:1px solid #f1f5f9;max-width:220px;padding:14px 16px;font-size:14px;font-weight:500;overflow:hidden}.super-table-wrapper tbody tr{transition:all .18s}.super-table-wrapper tbody tr:hover{background:#f9fafb}.super-table-wrapper tbody tr:last-child td{border-bottom:none}.super-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.super-badge.active,.super-badge.paid{background:var(--admin-success-soft);color:var(--admin-success)}.super-badge.inactive,.super-badge.expired{background:var(--admin-danger-soft);color:var(--admin-danger)}.super-badge.trial{background:var(--admin-primary-soft);color:var(--admin-primary)}.super-badge.pending{background:var(--admin-warning-soft);color:var(--admin-warning)}.super-empty{text-align:center;color:var(--admin-muted)!important;padding:28px!important}.super-dashboard-page>h2{color:var(--admin-text);margin:0;font-size:22px;font-weight:800}@media (width<=1200px){.super-stats-grid,.super-small-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.super-dashboard-sections{grid-template-columns:1fr}}@media (width<=900px){.super-dashboard-page{padding:20px}.super-dashboard-header{flex-direction:column;align-items:stretch}.super-refresh-btn{width:100%}}@media (width<=768px){.super-dashboard-header h1{font-size:24px}.super-stats-grid,.super-small-grid{grid-template-columns:1fr}.super-section-card{padding:18px}.super-table-wrapper table{min-width:620px}}@media (width<=520px){.super-dashboard-page{padding:16px}.super-dashboard-header h1{font-size:22px}.super-stat-card{padding:18px}.super-stat-card h3{font-size:24px}.super-mini-card h4{font-size:20px}.super-section-header h2{font-size:18px}.super-table-wrapper table{min-width:580px}}.profile-settings-page{padding:24px}.profile-settings-header{justify-content:space-between;gap:16px;margin-bottom:22px;display:flex}.profile-settings-header h1{color:#111827;margin:0;font-size:26px;font-weight:800}.profile-settings-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.profile-settings-grid{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 12px 30px #0f172a0f}.profile-card h2{color:#111827;margin:0 0 18px;font-size:18px;font-weight:800}.profile-photo-card{text-align:center;grid-row:span 2}.profile-photo-preview{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:999px;justify-content:center;align-items:center;width:116px;height:116px;margin:0 auto 14px;font-size:34px;font-weight:900;display:flex;overflow:hidden}.profile-photo-preview img{object-fit:cover;width:100%;height:100%}.profile-photo-card h3{color:#111827;margin:0;font-size:18px;font-weight:800}.profile-photo-card p{color:#6b7280;word-break:break-word;margin:5px 0 18px;font-size:13px}.profile-upload-btn{color:#fff;cursor:pointer;background:#2563eb;border-radius:12px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.profile-upload-btn:hover{background:#1d4ed8}.profile-upload-btn input{display:none}.profile-meta{color:#4b5563;text-align:left;border-top:1px solid #e5e7eb;flex-direction:column;gap:8px;margin-top:18px;padding-top:16px;font-size:13px;display:flex}.profile-form-group{margin-bottom:16px}.profile-form-group label{color:#374151;margin-bottom:7px;font-size:13px;font-weight:800;display:block}.profile-form-group input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;min-height:44px;padding:0 13px;font-size:14px;transition:all .18s}.profile-form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.profile-form-group input:disabled{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.profile-primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;min-height:44px;padding:0 18px;font-size:14px;font-weight:800;transition:all .18s}.profile-primary-btn:hover{background:#1d4ed8}.profile-primary-btn.danger{background:#dc2626}.profile-primary-btn.danger:hover{background:#b91c1c}.profile-primary-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=992px){.profile-settings-grid{grid-template-columns:1fr}.profile-photo-card{grid-row:auto}}@media (width<=576px){.profile-settings-page{padding:16px}.profile-settings-header h1{font-size:22px}.profile-card{border-radius:16px;padding:18px}.profile-photo-preview{width:96px;height:96px;font-size:28px}}html,body{max-width:100%;overflow-x:hidden}.billing-landing{color:#0f172a;isolation:isolate;background:#f8fafc;width:100%;min-height:100vh;font-family:Inter,Segoe UI,sans-serif;overflow-x:hidden}.billing-landing *{box-sizing:border-box;max-width:100%}.billing-landing a{text-decoration:none}.billing-hero{background:radial-gradient(circle at 0 0,#2563eb29,#0000 34%),radial-gradient(circle at 100% 0,#14b8a629,#0000 34%),linear-gradient(135deg,#eff6ff 0%,#f8fafc 48%,#ecfeff 100%);min-height:100vh;padding:24px 7%;position:relative;overflow:hidden}.billing-hero-orb{filter:blur(6px);pointer-events:none;background:linear-gradient(135deg,#2563eb2e,#14b8a62e);border-radius:999px;width:360px;max-width:none;height:360px;position:absolute;top:120px;right:-120px}.billing-nav{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #e2e8f0d9;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:14px 18px;display:flex;position:relative;box-shadow:0 16px 40px #0f172a14}.billing-logo{align-items:center;gap:12px;display:flex}.billing-logo-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:flex;box-shadow:0 12px 24px #2563eb47}.billing-logo h3{color:#0f172a;margin:0;font-size:18px;font-weight:800;line-height:1.1}.billing-logo span{color:#64748b;font-size:12px;font-weight:600}.billing-nav-actions{align-items:center;gap:22px;display:flex}.billing-nav-actions a{color:#475569;font-size:14px;font-weight:700;transition:all .2s}.billing-nav-actions a:hover{color:#2563eb}.billing-nav-btn{white-space:nowrap;background:#0f172a;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;display:inline-flex;color:#fff!important}.billing-nav-btn:hover{background:#2563eb}.billing-hero-content{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;min-height:calc(100vh - 120px);padding:54px 0 40px;display:grid;position:relative}.billing-hero-left{max-width:690px}.billing-badge{color:#2563eb;background:#ffffffbf;border:1px solid #2563eb2e;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:22px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 10px 28px #2563eb14}.billing-hero-left h1{letter-spacing:-1.6px;color:#0f172a;max-width:680px;margin:0;font-size:clamp(36px,4.6vw,62px);font-weight:700;line-height:1.08}.billing-hero-left p{color:#475569;max-width:590px;margin:21px 0 0;font-size:18px;font-weight:500;line-height:1.75}.billing-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.billing-primary-btn,.billing-secondary-btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 22px;font-size:15px;font-weight:800;transition:all .22s;display:inline-flex}.billing-primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);box-shadow:0 16px 34px #2563eb47}.billing-primary-btn:hover{transform:translateY(-3px);box-shadow:0 22px 44px #2563eb57}.billing-secondary-btn{color:#0f172a;background:#ffffffc7;border:1px solid #cbd5e1}.billing-secondary-btn:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-3px)}.billing-primary-btn.full{width:100%}.billing-trust-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.billing-trust-row span{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:700;box-shadow:0 8px 22px #0f172a0d}.billing-hero-right{justify-content:center;display:flex}.billing-dashboard-preview{background:linear-gradient(#fffffff5,#ffffffdb),linear-gradient(135deg,#2563eb14,#14b8a614);border:1px solid #e2e8f0f2;border-radius:30px;width:100%;max-width:520px;padding:22px;box-shadow:0 28px 70px #0f172a29,inset 0 1px #ffffffe6}.preview-topbar{align-items:center;gap:8px;margin-bottom:22px;display:flex}.preview-topbar span{background:#cbd5e1;border-radius:999px;width:12px;height:12px}.preview-topbar span:first-child{background:#ef4444}.preview-topbar span:nth-child(2){background:#f59e0b}.preview-topbar span:nth-child(3){background:#22c55e}.preview-header{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex}.preview-header h4{color:#cbd5e1;margin:0;font-size:14px}.preview-header p{letter-spacing:-1px;margin:7px 0 0;font-size:34px;font-weight:800}.preview-growth{color:#86efac;white-space:nowrap;background:#22c55e29;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:800}.preview-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;display:grid}.preview-grid div{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px;box-shadow:0 12px 28px #0f172a0f}.preview-grid svg{color:#2563eb;width:24px;height:24px}.preview-grid span{color:#64748b;margin-top:12px;font-size:13px;font-weight:700;display:block}.preview-grid strong{color:#0f172a;margin-top:5px;font-size:22px;font-weight:800;display:block}.preview-table{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;margin-top:18px;padding:14px}.preview-table div{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:8px;padding:12px 10px;display:flex}.preview-table div:last-child{border-bottom:none}.preview-table span{color:#334155;font-size:14px;font-weight:700}.preview-table strong{color:#16a34a;white-space:nowrap;background:#22c55e1f;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:12px;font-weight:800}.preview-table strong.pending{color:#dc2626;background:#ef44441f}.preview-table strong.partial{color:#d97706;background:#f59e0b24}.billing-section{padding:86px 7%}.billing-section-heading{text-align:center;max-width:760px;margin:0 auto 46px}.billing-section-heading span,.billing-benefits-left>span,.billing-contact-left>span{color:#2563eb;text-transform:uppercase;letter-spacing:.9px;margin-bottom:12px;font-size:13px;font-weight:800;display:inline-flex}.billing-section-heading h2,.billing-benefits-left h2,.billing-contact-left h2{color:#0f172a;letter-spacing:-1.2px;margin:0;font-size:clamp(30px,4vw,48px);font-weight:750;line-height:1.1}.billing-section-heading p,.billing-benefits-left p,.billing-contact-left p{color:#64748b;margin:16px 0 0;font-size:16px;font-weight:500;line-height:1.75}.billing-problem{background:#fff}.billing-problem-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.billing-problem-grid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:26px;padding:28px;transition:all .22s;box-shadow:0 16px 38px #0f172a0f}.billing-problem-grid>div:hover{border-color:#2563eb4d;box-shadow:0 22px 48px #0f172a1a}.billing-problem-grid svg{color:#2563eb;background:#2563eb1a;border-radius:14px;width:42px;height:42px;padding:9px}.billing-problem-grid h3{color:#0f172a;margin:18px 0 8px;font-size:20px;font-weight:750}.billing-problem-grid p{color:#64748b;margin:0;font-size:15px;line-height:1.65}.billing-feature-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.billing-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:26px;padding:28px;transition:all .24s;position:relative;overflow:hidden;box-shadow:0 16px 38px #0f172a0f}.billing-feature-card:before{content:"";opacity:0;background:linear-gradient(135deg,#2563eb14,#14b8a614);transition:all .24s;position:absolute;inset:0}.billing-feature-card:hover{border-color:#2563eb52;box-shadow:0 24px 54px #0f172a1f}.billing-feature-card:hover:before{opacity:1}.billing-feature-card>*{z-index:1;position:relative}.billing-feature-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:18px;justify-content:center;align-items:center;width:52px;height:54px;display:flex;box-shadow:0 14px 28px #2563eb38}.billing-feature-icon svg{width:27px;height:27px}.billing-feature-card h3{color:#0f172a;margin:20px 0 10px;font-size:20px;font-weight:750}.billing-feature-card p{color:#64748b;margin:0;font-size:15px;line-height:1.65}.billing-benefits{color:#0f172a;background:radial-gradient(circle at 0 0,#0ea5e933,#0000 35%),radial-gradient(circle at 100% 100%,#14b8a638,#0000 38%),linear-gradient(135deg,#ecfeff 0%,#eff6ff 48%,#f8fafc 100%);border:1px solid #bae6fdbf;border-radius:36px;grid-template-columns:1.1fr .9fr;align-items:center;gap:44px;max-width:86%;margin:20px 7% 42px;padding:68px;display:grid;box-shadow:0 22px 55px #0f172a14}.billing-benefits-left h2{color:#0f172a}.billing-benefits-left p{color:#475569}.billing-benefits-left>span{color:#0891b2}.billing-benefit-list{gap:14px;margin-top:28px;display:grid}.billing-benefit-list div{color:#0f172a;background:#ffffffd1;border:1px solid #bae6fdcc;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:650;display:flex;box-shadow:0 10px 26px #0f172a0d}.billing-benefit-list svg{color:#0891b2;flex-shrink:0}.billing-benefits-right{justify-content:center;display:flex}.billing-phone-card{text-align:center;background:#fff;border:1px solid #bae6fde6;border-radius:30px;width:100%;max-width:340px;padding:34px;box-shadow:0 24px 60px #0f172a1f}.billing-phone-card svg{color:#0891b2}.billing-phone-card h3{color:#0f172a;margin:18px 0 10px;font-size:24px;font-weight:750}.billing-phone-card p{color:#475569;margin:0;line-height:1.7}.billing-contact{background:radial-gradient(circle at 100% 0,#14b8a62e,#0000 34%),linear-gradient(135deg,#0f172a,#1e293b);border-radius:36px;grid-template-columns:.9fr 1.1fr;align-items:start;gap:42px;max-width:86%;margin:0 7% 70px;padding:58px;display:grid;box-shadow:0 28px 70px #0f172a33}.billing-contact-left h2{color:#fff}.billing-contact-left p{color:#cbd5e1}.billing-contact-left>span{color:#67e8f9}.billing-contact-form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:28px;grid-template-columns:repeat(2,1fr);gap:14px;padding:26px;display:grid}.billing-contact-form input,.billing-contact-form textarea{color:#0f172a;background:#ffffffeb;border:1px solid #ffffff29;border-radius:15px;outline:none;width:100%;min-height:50px;padding:0 15px;font-size:14px;font-weight:600}.billing-contact-form textarea{resize:vertical;grid-column:1/-1;min-height:120px;padding:15px}.billing-contact-form input:focus,.billing-contact-form textarea:focus{border-color:#67e8f9;box-shadow:0 0 0 4px #67e8f929}.billing-contact-form button{grid-column:1/-1}.billing-company-details{background:#ffffff17;border:1px solid #ffffff24;border-radius:24px;gap:16px;margin-top:28px;padding:22px;display:grid}.billing-company-details h3{color:#fff;margin:0 0 4px;font-size:20px;font-weight:750}.billing-company-detail-item{align-items:flex-start;gap:12px;display:flex}.billing-company-detail-item svg{color:#67e8f9;flex-shrink:0;margin-top:3px}.billing-company-detail-item span{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.billing-company-detail-item a,.billing-company-detail-item p{color:#f8fafc;margin:0;font-size:14px;font-weight:500;line-height:1.6}.billing-company-detail-item a:hover{color:#67e8f9}.reveal-on-scroll{opacity:0;filter:blur(10px);will-change:opacity, transform, filter;transition:opacity .85s,transform .85s cubic-bezier(.34,1.56,.64,1),filter .85s;transform:translateY(42px)}.reveal-on-scroll.show{opacity:1;filter:blur();transform:translateY(0)}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}.reveal-delay-3{transition-delay:.36s}.reveal-delay-4{transition-delay:.48s}.billing-hero-left.reveal-on-scroll{transform:translateY(40px)}.billing-hero-left.reveal-on-scroll.show{transform:translateY(0)}.billing-hero-right.reveal-on-scroll{transform:translateY(40px)scale(.95)}.billing-hero-right.reveal-on-scroll.show{transform:translateY(0)scale(1)}.billing-section-heading.reveal-on-scroll{transform:translateY(36px)scale(.98)}.billing-section-heading.reveal-on-scroll.show{transform:translateY(0)scale(1)}.billing-problem-grid .reveal-on-scroll{transform:translateY(48px)scale(.94)}.billing-problem-grid .reveal-on-scroll.show{transform:translateY(0)scale(1)}.billing-feature-card.reveal-on-scroll{transform:translateY(48px)scale(.94)}.billing-feature-card.reveal-on-scroll.show{transform:translateY(0)scale(1)}.billing-benefits.reveal-on-scroll{transform:translateY(50px)}.billing-benefits.reveal-on-scroll.show{transform:translateY(0)}.billing-benefit-list .reveal-on-scroll{transform:translateY(28px)}.billing-benefit-list .reveal-on-scroll.show{transform:translateY(0)}.billing-contact.reveal-on-scroll{transform:translateY(55px)scale(.98)}.billing-contact.reveal-on-scroll.show{transform:translateY(0)scale(1)}.billing-feature-card.reveal-on-scroll.show:hover,.billing-problem-grid .reveal-on-scroll.show:hover{transform:translateY(-8px)scale(1.01)}@media (width<=1100px){.billing-hero-content{text-align:center;grid-template-columns:1fr;gap:42px}.billing-hero-left{max-width:850px;margin:0 auto}.billing-hero-left h1,.billing-hero-left p{margin-left:auto;margin-right:auto}.billing-badge,.billing-hero-actions,.billing-trust-row{justify-content:center;margin-left:auto;margin-right:auto}.billing-feature-grid,.billing-problem-grid{grid-template-columns:repeat(3,1fr)}.billing-benefits,.billing-contact{grid-template-columns:1fr}}@media (width<=768px){.billing-hero{padding:16px}.billing-nav{border-radius:18px;flex-wrap:nowrap;gap:12px;min-height:60px;padding:10px 14px}.billing-logo h3{font-size:16px}.billing-logo span{font-size:10px}.billing-logo-icon{border-radius:12px;width:40px;height:40px;font-size:18px}.billing-nav-actions{flex-shrink:0;gap:10px}.billing-nav-actions a{font-size:13px}.billing-nav-btn{min-height:36px;padding:0 12px;font-size:13px}.billing-hero-content{min-height:unset;padding:36px 0 24px}.billing-hero-left h1{letter-spacing:-.8px;font-size:34px;font-weight:650;line-height:1.14}.billing-hero-left p{font-size:16px;line-height:1.65}.billing-hero-actions{flex-direction:column;align-items:stretch}.billing-primary-btn,.billing-secondary-btn{width:100%}.billing-dashboard-preview{border-radius:24px;padding:16px}.preview-header{flex-wrap:wrap;padding:16px}.preview-header p{font-size:26px}.preview-grid{grid-template-columns:repeat(2,1fr);gap:10px}.preview-grid div{border-radius:16px;padding:14px}.preview-grid strong{font-size:18px}.billing-section{padding:56px 16px}.billing-feature-grid,.billing-problem-grid{grid-template-columns:repeat(2,1fr);gap:14px}.billing-feature-card,.billing-problem-grid>div{border-radius:20px;padding:20px 16px}.billing-feature-card h3,.billing-problem-grid h3{margin-top:14px;margin-bottom:6px;font-size:16px}.billing-feature-card p,.billing-problem-grid p{font-size:13px}.billing-feature-icon{border-radius:14px;width:44px;height:44px}.billing-feature-icon svg{width:22px;height:22px}.billing-problem-grid svg{border-radius:12px;width:36px;height:36px;padding:8px}.billing-benefits{border-radius:26px;gap:28px;max-width:calc(100% - 32px);margin:10px 16px 32px;padding:32px 20px}.billing-phone-card{max-width:100%;padding:24px}.billing-contact{border-radius:26px;gap:28px;max-width:calc(100% - 32px);margin:0 16px 46px;padding:32px 20px}.billing-contact-form{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.billing-company-details{border-radius:20px;padding:18px}.billing-company-details h3{font-size:18px}.billing-company-detail-item a,.billing-company-detail-item p{font-size:13px}.billing-trust-row{gap:8px}.billing-trust-row span{padding:7px 10px;font-size:12px}.reveal-on-scroll{filter:blur(6px);transition-duration:.7s;transform:translateY(28px)}.reveal-on-scroll.show{filter:blur();transform:translateY(0)}.billing-hero-left.reveal-on-scroll,.billing-hero-right.reveal-on-scroll,.billing-section-heading.reveal-on-scroll,.billing-feature-card.reveal-on-scroll,.billing-problem-grid .reveal-on-scroll,.billing-benefits.reveal-on-scroll,.billing-contact.reveal-on-scroll{transform:translateY(28px)}.billing-hero-left.reveal-on-scroll.show,.billing-hero-right.reveal-on-scroll.show,.billing-section-heading.reveal-on-scroll.show,.billing-feature-card.reveal-on-scroll.show,.billing-problem-grid .reveal-on-scroll.show,.billing-benefits.reveal-on-scroll.show,.billing-contact.reveal-on-scroll.show,.billing-feature-card.reveal-on-scroll.show:hover,.billing-problem-grid .reveal-on-scroll.show:hover{transform:translateY(0)}}@media (width<=480px){.billing-hero-left h1{letter-spacing:-.6px;font-size:31px;font-weight:650;line-height:1.16}.billing-feature-grid,.billing-problem-grid{grid-template-columns:repeat(2,1fr);gap:10px}.billing-feature-card,.billing-problem-grid>div{border-radius:18px;padding:16px 12px}.billing-feature-card h3,.billing-problem-grid h3{font-size:14px}.billing-feature-card p,.billing-problem-grid p{font-size:12px;line-height:1.5}.billing-feature-icon{border-radius:12px;width:38px;height:38px}.billing-feature-icon svg{width:18px;height:18px}.billing-problem-grid svg{width:32px;height:32px;padding:7px}.billing-contact-form{grid-template-columns:1fr}.billing-nav-actions a:not(.billing-nav-btn){display:none}.billing-badge{padding:7px 10px;font-size:11px}.billing-trust-row span{padding:6px 9px;font-size:11px}.preview-table div{padding:10px 8px}}@media (width<=380px){.billing-hero-left h1{letter-spacing:-.4px;font-size:28px;font-weight:650;line-height:1.18}.billing-hero-left p{font-size:15px}.billing-primary-btn,.billing-secondary-btn{min-height:48px;font-size:14px}}@media (prefers-reduced-motion:reduce){.reveal-on-scroll,.reveal-on-scroll.show{opacity:1;filter:none!important;transition:none!important;transform:none!important}}.billing-form-message{color:#e0f2fe;background:#67e8f924;border-radius:14px;grid-column:1/-1;margin:0;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.5}.demo-enquiry-page{color:#0f172a;background:#f8fafc;min-height:100vh;padding:28px}.demo-enquiry-header{background:radial-gradient(circle at 100% 0,#2563eb29,#0000 34%),linear-gradient(135deg,#fff,#eff6ff);border:1px solid #e2e8f0;border-radius:26px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;padding:26px;display:flex;box-shadow:0 18px 45px #0f172a12}.demo-enquiry-header span{color:#2563eb;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:13px;font-weight:800;display:inline-flex}.demo-enquiry-header h1{color:#0f172a;margin:0;font-size:32px;line-height:1.1}.demo-enquiry-header p{color:#64748b;margin:10px 0 0;font-size:15px}.demo-refresh-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:14px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:800;transition:all .22s;display:inline-flex}.demo-refresh-btn:hover{background:#2563eb;transform:translateY(-2px)}.demo-enquiry-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.demo-enquiry-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:22px;transition:all .22s;box-shadow:0 16px 38px #0f172a0f}.demo-enquiry-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px #0f172a1a}.demo-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.demo-card-top h3{color:#0f172a;margin:0;font-size:20px}.demo-card-top p{color:#64748b;margin:6px 0 0;font-size:14px}.demo-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.demo-status.new{color:#2563eb;background:#eff6ff}.demo-status.contacted{color:#d97706;background:#fffbeb}.demo-status.closed{color:#059669;background:#ecfdf5}.demo-card-info{gap:11px;display:grid}.demo-card-info div{color:#475569;align-items:center;gap:9px;font-size:14px;display:flex}.demo-card-info svg{color:#2563eb;flex-shrink:0}.demo-card-info a{color:#334155;word-break:break-word;font-weight:650;text-decoration:none}.demo-card-info a:hover{color:#2563eb}.demo-card-info span{color:#475569;word-break:break-word}.demo-requirement{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:18px;padding:14px}.demo-requirement h4{color:#0f172a;margin:0 0 8px;font-size:14px}.demo-requirement p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.demo-card-actions{gap:10px;margin-top:18px;display:flex}.demo-card-actions select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;flex:1;min-height:42px;padding:0 12px;font-weight:700}.demo-card-actions select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.demo-delete-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:12px;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-weight:800;transition:all .2s;display:inline-flex}.demo-delete-btn:hover{color:#fff;background:#dc2626}.demo-state-card,.demo-access-denied{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:260px;padding:34px;display:flex;box-shadow:0 16px 38px #0f172a0f}.demo-state-card h3,.demo-access-denied h2{color:#0f172a;margin:0}.demo-state-card p,.demo-access-denied p{color:#64748b;max-width:520px;margin:0;line-height:1.7}.demo-access-denied svg{color:#dc2626}.demo-state-card.error{background:#fef2f2;border-color:#ef444438}.demo-state-card.error p{color:#b91c1c;font-weight:700}.demo-loader{border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:999px;width:42px;height:42px;animation:.8s linear infinite demoSpin}@keyframes demoSpin{to{transform:rotate(360deg)}}@media (width<=1200px){.demo-enquiry-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.demo-enquiry-page{padding:18px}.demo-enquiry-header{border-radius:22px;flex-direction:column;align-items:flex-start;padding:22px}.demo-enquiry-header h1{font-size:26px}.demo-refresh-btn{justify-content:center;width:100%}.demo-enquiry-grid{grid-template-columns:1fr;gap:16px}.demo-card-actions{flex-direction:column}.demo-delete-btn{justify-content:center}}:root{--admin-font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--admin-bg:#f5f7fb;--admin-card:#fff;--admin-text:#111827;--admin-muted:#6b7280;--admin-border:#e5e7eb;--admin-primary:#2563eb;--admin-primary-dark:#1d4ed8;--admin-primary-soft:#eff6ff;--admin-success:#16a34a;--admin-success-soft:#dcfce7;--admin-danger:#dc2626;--admin-danger-soft:#fee2e2;--admin-warning:#d97706;--admin-warning-soft:#fef3c7;--admin-info:#0284c7;--admin-info-soft:#e0f2fe;--admin-radius:14px;--admin-radius-sm:10px;--admin-shadow:0 8px 24px #0f172a0f}.admin-page,.admin-page *,.admin-card,.admin-card *,.admin-table,.admin-table *,.admin-form,.admin-form *,.admin-btn,.admin-search{font-family:var(--admin-font)}.admin-page{background:var(--admin-bg);width:100%;min-height:calc(100vh - 70px);color:var(--admin-text);font-family:var(--admin-font);padding:28px}.admin-page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.admin-page-title-block h1,.admin-page-title-block h2{color:var(--admin-text);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.25}.admin-page-title-block p{color:var(--admin-muted);margin:6px 0 0;font-size:14px;line-height:1.55}.admin-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow)}.admin-card-padding{padding:22px}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.admin-search{border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);width:100%;max-width:340px;height:42px;color:var(--admin-text);background:#fff;outline:none;padding:0 14px;font-size:14px;font-weight:500;transition:all .2s}.admin-search::placeholder{color:#9ca3af;font-weight:400}.admin-search:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px #2563eb1f}.admin-btn{border-radius:var(--admin-radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.admin-btn:hover{transform:translateY(-1px)}.admin-btn:active{transform:translateY(0)}.admin-btn-primary{background:var(--admin-primary);color:#fff}.admin-btn-primary:hover{background:var(--admin-primary-dark)}.admin-btn-secondary{color:var(--admin-text);border:1px solid var(--admin-border);background:#fff}.admin-btn-secondary:hover{background:#f9fafb}.admin-btn-danger{background:var(--admin-danger);color:#fff}.admin-btn-danger:hover{background:#b91c1c}.admin-btn-soft{background:var(--admin-primary-soft);color:var(--admin-primary)}.admin-btn-soft:hover{background:#dbeafe}.admin-btn-sm{min-height:34px;padding:0 12px;font-size:13px}.admin-form{width:100%}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-form-group{flex-direction:column;gap:7px;display:flex}.admin-form-group label{color:#374151;font-size:13px;font-weight:700}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);width:100%;min-height:42px;color:var(--admin-text);background:#fff;outline:none;padding:0 12px;font-size:14px;font-weight:500;transition:all .2s}.admin-form-group input::placeholder,.admin-form-group textarea::placeholder{color:#9ca3af;font-weight:400}.admin-form-group textarea{resize:vertical;min-height:90px;padding-top:12px;line-height:1.5}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px #2563eb1f}.admin-form-group input:disabled,.admin-form-group select:disabled,.admin-form-group textarea:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.admin-form-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.admin-table-wrapper{border:1px solid var(--admin-border);border-radius:var(--admin-radius);width:100%;box-shadow:var(--admin-shadow);background:#fff;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:760px}.admin-table thead{background:#f9fafb}.admin-table th{text-align:left;color:#374151;border-bottom:1px solid var(--admin-border);white-space:nowrap;padding:14px 16px;font-size:13px;font-weight:800}.admin-table td{color:var(--admin-text);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px;font-weight:500}.admin-table tbody tr{transition:all .18s}.admin-table tbody tr:hover{background:#f9fafb}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.admin-badge-success{background:var(--admin-success-soft);color:var(--admin-success)}.admin-badge-danger{background:var(--admin-danger-soft);color:var(--admin-danger)}.admin-badge-warning{background:var(--admin-warning-soft);color:var(--admin-warning)}.admin-badge-info{background:var(--admin-info-soft);color:var(--admin-info)}.admin-badge-neutral{color:#4b5563;background:#f3f4f6}.admin-empty-state{text-align:center;color:var(--admin-muted);padding:34px 20px;font-size:14px;font-weight:500}.admin-loading{color:var(--admin-muted);padding:28px;font-size:14px;font-weight:500}.admin-error{border-radius:var(--admin-radius-sm);background:var(--admin-danger-soft);color:var(--admin-danger);padding:14px 16px;font-size:14px;font-weight:700}@media (width<=900px){.admin-page{padding:20px}.admin-page-header{flex-direction:column;align-items:stretch}.admin-form-grid{grid-template-columns:1fr}.admin-form-actions{flex-direction:column-reverse}.admin-btn{width:100%}.admin-search{max-width:100%}}@media (width<=520px){.admin-page{padding:16px}.admin-page-title-block h1,.admin-page-title-block h2{font-size:22px}.admin-card-padding{padding:18px}.admin-table th,.admin-table td{padding:12px 14px}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea,a{font-family:inherit}