*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;background-color:#121214;width:100%;height:100%;margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;overscroll-behavior-x:none!important;touch-action:pan-y!important;overflow-x:hidden!important}#root{background-color:#121214;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;margin:0 auto;padding:0;display:flex;overflow:hidden;overflow-x:hidden!important}:root{--bg-primary:#121214;--bg-surface:#1a1a1e;--bg-surface-elevated:#24242b;--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#6b7280;--primary:#3b82f6;--primary-hover:#2563eb;--primary-active:#1d4ed8;--accent:#f59e0b;--success:#10b981;--error:#ef4444;--error-bg:#ef44441f;--error-border:#ef444459;--border:#2d2d38;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}.app-container{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:1.5rem 1rem;display:flex;overflow-x:hidden!important}.app-container.authenticated-app-container{background-color:var(--bg-primary);height:100dvh;max-height:100dvh;position:relative;overflow:hidden;width:100%!important;max-width:480px!important;margin:0 auto!important;padding:0!important;overflow-x:hidden!important}.authenticated-layout-root{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:480px;height:100%;max-height:100dvh;margin:0 auto;padding:0;display:flex;position:relative;overflow:hidden;overflow-x:hidden!important}.loading-screen{justify-content:center;gap:1.25rem}.spinner{border:3px solid #3b82f633;border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);margin:0;font-size:.95rem}.brand-header{text-align:center;margin-bottom:1.75rem}.brand-logo{filter:drop-shadow(0 2px 8px #3b82f64d);margin-bottom:.25rem;font-size:2.2rem;line-height:1;display:inline-block}.brand-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 40%,#93c5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.25rem;font-weight:800}.brand-subtitle{color:var(--text-secondary);margin:.35rem 0 0;font-size:.9rem}.auth-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-sizing:border-box;width:100%;max-width:440px;padding:1.5rem;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #0006}.auth-tabs{background:var(--bg-primary);border-radius:var(--radius-md);gap:4px;margin-bottom:1.5rem;padding:4px;display:flex}.auth-tab{border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:.75rem .5rem;font-size:.9rem;font-weight:600;transition:all .2s}.auth-tab.active{background:var(--bg-surface-elevated);color:var(--text-primary);box-shadow:0 2px 6px #0000004d}.auth-form{flex-direction:column;gap:1.15rem;display:flex}.form-group{text-align:left;flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-group input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);box-sizing:border-box;padding:.75rem .9rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f640}.form-group input::placeholder{color:var(--text-muted);text-transform:none}.phone-input-wrapper{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.phone-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f640}.phone-prefix{color:var(--primary);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;background:#3b82f61a;padding:.75rem .75rem .75rem .9rem;font-size:.95rem;font-weight:600}.phone-input-wrapper input{background:0 0;border:none;box-shadow:none!important}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:2.75rem}.password-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.4rem;transition:color .2s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--text-primary)}.alert-error{background:var(--error-bg);border:1px solid var(--error-border);color:#fca5a5;border-radius:var(--radius-sm);text-align:left;padding:.75rem .9rem;font-size:.85rem;line-height:1.4}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;padding:.85rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){background:var(--primary-active);transform:scale(.99)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#ffffff14}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.form-footer{text-align:center;color:var(--text-muted);margin-top:.5rem;font-size:.85rem}.link-btn{color:var(--primary);font-size:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.link-btn:hover{color:#93c5fd}.authenticated-view{text-align:left;flex-direction:column;gap:1.25rem;display:flex}.welcome-banner{text-align:center;border-bottom:1px solid var(--border);padding:.75rem 0}.welcome-badge{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;margin-bottom:.5rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.welcome-banner h2{margin:0;font-size:1.45rem;font-weight:700}.user-role-badge{color:var(--primary);margin:.35rem 0 0;font-size:.85rem;font-weight:600;display:inline-block}.user-details-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.6rem;padding:.85rem 1rem;display:flex}.detail-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.detail-label{color:var(--text-muted)}.detail-value{color:var(--text-primary);font-weight:500}.shop-setup-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-sizing:border-box;width:100%;max-width:440px;margin:0 auto 2rem;padding:1.5rem;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #0006}.shop-loading-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:440px;margin:2rem auto;padding:2.5rem 1.5rem;display:flex;box-shadow:0 10px 25px -5px #00000080}.shop-edit-section{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-sizing:border-box;width:100%;max-width:440px;margin:1.5rem auto;padding:1.5rem;overflow-y:auto;box-shadow:0 10px 25px -5px #00000080}.referral-input-group{box-sizing:border-box;align-items:center;gap:.6rem;width:100%;display:flex}.referral-input-field{text-transform:uppercase;letter-spacing:.06em;flex:auto!important;width:auto!important;min-width:0!important}.btn-check-referral{min-width:85px;white-space:nowrap!important;flex:none!important;width:auto!important;padding:.75rem 1.25rem!important;font-size:.88rem!important;font-weight:700!important}.copy-val-group{align-items:center;gap:.5rem;display:inline-flex}.btn-copy-inline{color:#60a5fa;cursor:pointer;-webkit-user-select:none;user-select:none;background:#3b82f61f;border:1px solid #3b82f64d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:.35rem;padding:.22rem .55rem;font-size:.72rem;font-weight:600;line-height:1;transition:all .18s;display:inline-flex}.btn-copy-inline:hover{color:#93c5fd;background:#3b82f638;border-color:#3b82f680;transform:translateY(-1px)}.btn-copy-inline:active{transform:translateY(0)}.btn-copy-inline.copied{color:#34d399;background:#10b98129;border-color:#10b98166}.status-active{color:#6ee7b7;font-weight:600}.dashboard-placeholder-card{border-radius:var(--radius-sm);background:#3b82f614;border:1px dashed #3b82f64d;padding:1rem}.dashboard-placeholder-card h3{color:#93c5fd;margin:0 0 .4rem;font-size:1rem}.dashboard-placeholder-card p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.searchable-select-container{width:100%;position:relative}.searchable-select-input-wrapper{align-items:center;display:flex;position:relative}.searchable-select-input{width:100%;padding-right:2.5rem!important}.searchable-select-toggle{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:.25rem .5rem;font-size:1.1rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.searchable-select-dropdown{background:var(--bg-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:50;max-height:220px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0009}.searchable-select-option{color:var(--text-primary);cursor:pointer;padding:.65rem .9rem;font-size:.875rem;transition:background .15s}.searchable-select-option:hover{background:#3b82f633}.searchable-select-option.selected{background:var(--primary);color:#fff;font-weight:600}.searchable-select-empty{color:var(--text-muted);text-align:center;padding:.75rem .9rem;font-size:.85rem}.shop-id-box{border-radius:var(--radius-md);text-align:center;background:linear-gradient(135deg,#3b82f61f 0%,#2563eb0d 100%);border:1px solid #3b82f659;flex-direction:column;gap:.25rem;margin:.25rem 0 .5rem;padding:1rem;display:flex}.shop-id-label{text-transform:uppercase;letter-spacing:.05em;color:#93c5fd;font-size:.75rem;font-weight:600}.shop-id-value{letter-spacing:.08em;color:#fff;font-family:monospace;font-size:1.75rem;font-weight:800}.shop-id-hint{color:var(--text-muted);font-size:.75rem}.alert-success{color:#6ee7b7;border-radius:var(--radius-sm);text-align:left;background:#10b9811f;border:1px solid #10b98159;padding:.75rem .9rem;font-size:.85rem;line-height:1.4}.button-group{gap:.75rem;margin-top:.5rem;display:flex}.button-group .btn{flex:1}.dashboard-actions{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.shop-loading-card{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2.5rem 1rem;font-size:.9rem;display:flex}.currency-input-wrapper{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.currency-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f640}.currency-symbol{color:var(--accent);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;background:#f59e0b1a;padding:.75rem .75rem .75rem .9rem;font-size:1.05rem;font-weight:700}.currency-input-wrapper input{background:0 0;border:none;width:100%;box-shadow:none!important}.services-section{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.services-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.services-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.services-subtitle{color:var(--text-muted);margin:.15rem 0 0;font-size:.8rem}.add-service-btn{border-radius:var(--radius-sm);white-space:nowrap;font-weight:600;width:auto!important;padding:.5rem .9rem!important;font-size:.85rem!important}.service-form-card{background:var(--bg-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.85rem;padding:1rem;display:flex}.service-form-card h4{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.service-form-card.edit-card{background:#24242bf2;border-color:#3b82f666}.services-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;font-size:.875rem;display:flex}.services-empty-card{background:var(--bg-primary);border:1px dashed var(--border);border-radius:var(--radius-sm);text-align:center;padding:1.5rem 1rem}.services-empty-card .empty-title{color:var(--text-secondary);margin:0 0 .35rem;font-size:.95rem;font-weight:600}.services-empty-card .empty-desc{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.4}.services-list{flex-direction:column;gap:.65rem;display:flex}.service-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.65rem;padding:.85rem 1rem;transition:border-color .2s,opacity .2s;display:flex}.service-card:hover{border-color:#ffffff26}.service-card.service-inactive{opacity:.65;background:#12121499;border-style:dashed}.service-main-info{flex-direction:column;gap:.25rem;display:flex}.service-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.service-name{color:var(--text-primary);word-break:break-word;font-size:.95rem;font-weight:600}.service-status-pill{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:9999px;padding:.2rem .55rem;font-size:.7rem;font-weight:700}.service-status-pill.pill-active{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.service-status-pill.pill-inactive{color:#9ca3af;background:#6b72802e;border:1px solid #6b72804d}.service-price{color:var(--accent);font-size:1.15rem;font-weight:700}.service-actions-row{border-top:1px solid #ffffff0d;justify-content:flex-end;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.service-action-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:.35rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .15s}.service-action-btn:disabled{opacity:.5;cursor:not-allowed}.service-action-btn.edit-btn{color:#93c5fd;background:#3b82f61f;border-color:#3b82f64d}.service-action-btn.edit-btn:hover:not(:disabled){color:#fff;background:#3b82f640}.service-action-btn.toggle-btn.deactivate{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.service-action-btn.toggle-btn.deactivate:hover:not(:disabled){color:#fff;background:#ef444440}.service-action-btn.toggle-btn.activate{color:#6ee7b7;background:#10b9811f;border-color:#10b9814d}.service-action-btn.toggle-btn.activate:hover:not(:disabled){color:#fff;background:#10b98140}.role-selector-group{background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border);gap:.5rem;padding:4px;display:flex}.role-select-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.65rem .5rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.role-select-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #3b82f659}.employee-manager-section{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.section-header{justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.section-subtitle{color:var(--text-muted);margin:.15rem 0 0;font-size:.8rem}.pending-requests-card{border-radius:var(--radius-md);background:#f59e0b14;border:1px solid #f59e0b59;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.pending-header{align-items:center;gap:.5rem;display:flex}.pending-badge{color:#000;text-transform:uppercase;background:#f59e0b;border-radius:9999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.pending-title-text{color:#fde68a;font-size:.8rem;font-weight:600}.requests-list{flex-direction:column;gap:.65rem;display:flex}.request-card{background:var(--bg-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.65rem;padding:.85rem;display:flex}.request-info{flex-direction:column;gap:.2rem;display:flex}.request-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.request-phone{color:var(--text-secondary);font-size:.85rem}.request-time{color:var(--text-muted);font-size:.75rem}.request-actions{gap:.5rem;display:flex}.request-actions .btn{flex:1;padding:.45rem .75rem;font-size:.85rem}.approve-btn{background:var(--success);color:#fff}.approve-btn:hover:not(:disabled){background:#059669}.reject-btn{color:#fca5a5;background:#ef444426;border:1px solid #ef444459}.reject-btn:hover:not(:disabled){color:#fff;background:#ef44444d}.staff-roster-container{flex-direction:column;gap:.65rem;display:flex}.roster-heading{color:var(--text-secondary);margin:0;font-size:.95rem;font-weight:600}.staff-list{flex-direction:column;gap:.65rem;display:flex}.staff-section-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.btn-add-staff-header{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.82rem;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #3b82f64d}.btn-add-staff-header:hover{background:var(--primary-hover);transform:translateY(-1px)}.staff-filter-pills-bar{scrollbar-width:none;align-items:center;gap:.45rem;margin-top:1rem;margin-bottom:.75rem;display:flex;overflow-x:auto}.staff-filter-pills-bar::-webkit-scrollbar{display:none}.staff-filter-pill{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:9999px;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s}.staff-filter-pill:hover{color:#fff;border-color:#ffffff2e}.staff-filter-pill.active{color:#60a5fa;background:#3b82f62e;border-color:#3b82f666}.staff-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;padding:.85rem 1rem;transition:all .18s;display:flex}.staff-card:hover{background:var(--bg-surface-elevated);border-color:#ffffff1f}.staff-card.staff-deactivated{opacity:.6;border-style:dashed}.staff-card-main-row{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.staff-card-left-group{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.staff-avatar-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.staff-avatar-box.avatar-profile{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.staff-avatar-box.avatar-account{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.staff-info-col{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.staff-title-line{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.staff-name-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.staff-type-badge-row{align-items:center;gap:.35rem;display:flex}.staff-type-chip{border-radius:4px;padding:.12rem .45rem;font-size:.7rem;font-weight:600}.staff-type-chip.chip-managed{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f640}.staff-type-chip.chip-account{color:#d8b4fe;background:#a855f71f;border:1px solid #a855f740}.staff-actions-group{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.staff-btn-delete{color:#f87171;border-radius:var(--radius-sm);cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.staff-btn-delete:hover:not(:disabled){color:#fff;background:#ef444440}.staff-btn-delete:disabled{opacity:.5;cursor:not-allowed}.staff-modal-card{-webkit-overflow-scrolling:touch;box-sizing:border-box;background:#181922;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;max-width:420px;max-height:calc(100dvh - 2rem);padding:1.5rem;display:flex;overflow-y:auto;box-shadow:0 20px 48px #000000b3}.staff-modal-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.staff-modal-title{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.staff-modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;font-size:1rem;transition:all .15s;display:flex}.staff-modal-close-btn:hover{color:#fff;background:#ffffff29}.staff-modal-form{flex-direction:column;gap:1.25rem;display:flex}.staff-modal-actions{justify-content:flex-end;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.btn-staff-cancel{color:#cbd5e1;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;padding:.65rem 1.15rem;font-size:.88rem;font-weight:600;transition:all .15s}.btn-staff-cancel:hover{color:#fff;background:#ffffff1f}.btn-staff-submit{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:.65rem 1.25rem;font-size:.88rem;font-weight:700;transition:all .15s;box-shadow:0 4px 14px #3b82f666}.btn-staff-submit:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-staff-submit:disabled{opacity:.6;cursor:not-allowed}.employee-dashboard-container{flex-direction:column;gap:1.25rem;width:100%;display:flex}.membership-status-card{background:var(--bg-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.85rem;padding:1.15rem;display:flex}.membership-card-top{justify-content:space-between;align-items:center;display:flex}.membership-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;font-weight:600}.membership-shop-name{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:700}.pill-pending{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59}.status-notice-box{border-radius:var(--radius-sm);flex-direction:column;gap:.4rem;padding:.85rem 1rem;display:flex}.notice-pending{background:#f59e0b1a;border:1px solid #f59e0b4d}.notice-active{background:#10b9811a;border:1px solid #10b9814d}.notice-deactivated{background:#ef44441a;border:1px solid #ef44444d}.notice-rejected{background:#6b72801f;border:1px solid #6b72804d}.notice-title{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:700}.notice-text{color:var(--text-secondary);margin:0;font-size:.825rem;line-height:1.45}.check-status-btn{align-self:flex-start;margin-top:.25rem;width:auto!important;padding:.45rem .85rem!important;font-size:.825rem!important}.join-shop-section{flex-direction:column;gap:1rem;display:flex}.join-card-header h3{margin:0 0 .35rem;font-size:1.2rem;font-weight:700}.join-card-header p{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.45}.field-hint{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.font-mono{letter-spacing:.05em;font-family:monospace}.font-capitalize{text-transform:capitalize}.daily-records-section{flex-direction:column;gap:1.15rem;margin-top:.5rem;display:flex}.records-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.add-bill-btn{border-radius:var(--radius-sm);white-space:nowrap;font-weight:600;width:auto!important;padding:.5rem 1rem!important;font-size:.85rem!important}.daily-summary-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#3b82f61a 0%,#2563eb0d 100%);border:1px solid #3b82f659;flex-direction:column;gap:.85rem;padding:1rem;display:flex}.summary-title-row{justify-content:space-between;align-items:center;display:flex}.summary-date-badge{text-transform:uppercase;letter-spacing:.05em;color:#93c5fd;font-size:.75rem;font-weight:700}.summary-scope-label{color:var(--text-muted);background:#ffffff0f;border-radius:9999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.summary-metrics-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;display:grid}.metric-box{background:var(--bg-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.2rem;padding:.75rem;display:flex}.metric-box.total-metric{background:linear-gradient(135deg,#10b9811f 0%,#0596690f 100%);border-color:#10b98159;grid-column:span 2}.metric-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.metric-box.total-metric .metric-label{color:#a7f3d0;font-weight:600}.metric-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.metric-box.total-metric .metric-value{color:#6ee7b7;font-size:1.6rem}.bill-form-card{background:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid #3b82f666;flex-direction:column;gap:1rem;padding:1.15rem;display:flex;box-shadow:0 8px 24px #0006}.bill-form-header{justify-content:space-between;align-items:baseline;display:flex}.bill-form-header h4{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.bill-form-step{color:var(--text-muted);font-size:.75rem}.service-picker-row{gap:.5rem;display:flex}.service-select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;outline:none;padding:.75rem .9rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.service-select:focus{border-color:var(--primary)}.service-select option{color:#fff;background:#1e1e24}.bill-draft-items-list{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.draft-items-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem;font-size:.75rem;font-weight:600}.draft-item-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.draft-item-row:last-child{border-bottom:none}.draft-item-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.draft-item-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.draft-item-default{color:var(--text-muted);font-size:.75rem}.draft-item-price-control{align-items:center;gap:.5rem;display:flex}.currency-input-wrapper.mini-input{width:90px}.currency-input-wrapper.mini-input .currency-symbol{padding:.4rem .5rem;font-size:.85rem}.currency-input-wrapper.mini-input input{color:var(--accent);padding:.4rem .5rem;font-size:.9rem;font-weight:600}.draft-item-remove-btn{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;line-height:1;transition:all .15s;display:flex}.draft-item-remove-btn:hover:not(:disabled){color:#fff;background:#ef44444d}.draft-empty-prompt{background:var(--bg-primary);border:1px dashed var(--border);border-radius:var(--radius-sm);text-align:center;color:var(--text-muted);padding:1.25rem;font-size:.85rem}.running-total-box{border-radius:var(--radius-sm);background:linear-gradient(135deg,#f59e0b1f 0%,#d977060d 100%);border:1px solid #f59e0b59;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.running-total-label{color:#fde68a;font-size:.9rem;font-weight:600}.running-total-value{color:var(--accent);font-size:1.45rem;font-weight:800}.payment-method-selector{gap:.65rem;display:flex}.payment-method-btn{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.payment-method-btn.active{border-color:var(--primary);color:#fff;box-shadow:0 0 0 1px var(--primary);background:#3b82f626}.payment-icon{font-size:1.1rem}.bills-history-container,.bills-list{flex-direction:column;gap:.65rem;display:flex}.bill-record-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s;overflow:hidden}.bill-record-card:hover{border-color:#ffffff26}.bill-record-summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.bill-summary-left{flex-direction:column;flex:1;gap:.3rem;display:flex}.bill-number-row{align-items:center;gap:.5rem;display:flex}.bill-number{color:var(--text-primary);font-size:.95rem;font-weight:700}.payment-badge{text-transform:uppercase;border-radius:9999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.badge-cash{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.badge-upi{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d}.bill-creator-row{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.78rem;display:flex}.bill-creator{color:var(--text-secondary);font-weight:500}.bill-dot{opacity:.5}.bill-summary-right{align-items:center;gap:.65rem;display:flex}.bill-total-amount{color:var(--accent);font-size:1.25rem;font-weight:700}.bill-expand-icon{color:var(--text-muted);font-size:.7rem}.bill-items-drawer{background:var(--bg-surface-elevated);border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding:.85rem 1rem;display:flex}.drawer-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.drawer-items-list{flex-direction:column;gap:.4rem;display:flex}.drawer-item-row{justify-content:space-between;align-items:center;padding:.2rem 0;font-size:.85rem;display:flex}.drawer-item-name{color:var(--text-primary);font-weight:500}.drawer-item-prices{align-items:center;gap:.5rem;display:flex}.drawer-item-default{color:var(--text-muted);font-size:.75rem;text-decoration:line-through}.drawer-item-charged{color:var(--text-primary);font-weight:600}.drawer-footer-total{color:var(--text-muted);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:.4rem;padding-top:.5rem;font-size:.85rem;display:flex}.drawer-total-val{color:var(--accent);font-size:1rem;font-weight:700}.date-filter-bar{background:var(--bg-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.date-filter-controls{align-items:center;gap:.5rem;display:flex}.date-filter-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.date-picker-input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;outline:none;padding:.35rem .65rem;font-family:inherit;font-size:.85rem}.date-picker-input:focus{border-color:var(--primary)}.date-today-btn{width:auto!important;padding:.3rem .65rem!important;font-size:.75rem!important}.current-view-badge{color:var(--text-muted);font-size:.8rem}.current-view-badge strong{color:var(--accent)}.history-header-row{justify-content:space-between;align-items:center;display:flex}.history-date-indicator{color:var(--text-muted);background:#ffffff0d;border-radius:9999px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.daily-summary-card.employee-summary{background:linear-gradient(135deg,#10b98114 0%,#05966908 100%);border-color:#10b9814d}.employee-performance-section{flex-direction:column;gap:.75rem;margin-top:.25rem;display:flex}.performance-header{justify-content:space-between;align-items:center;display:flex}.performance-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.performance-subtitle{color:var(--text-muted);margin:.15rem 0 0;font-size:.78rem}.performance-table-wrapper{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface-elevated);overflow-x:auto}.performance-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.performance-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:#00000040;padding:.65rem .85rem;font-size:.75rem;font-weight:600}.performance-table td{color:var(--text-primary);border-bottom:1px solid #ffffff0d;padding:.75rem .85rem}.performance-table tr:last-child td{border-bottom:none}.emp-name-cell{align-items:center;gap:.5rem;font-weight:600;display:flex}.emp-avatar{color:#93c5fd;background:#3b82f626;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:inline-flex}.text-right{text-align:right}.emp-revenue{color:#6ee7b7}.text-cash{color:#a7f3d0}.text-upi{color:#93c5fd}.performance-empty-card{background:var(--bg-primary);border:1px dashed var(--border);border-radius:var(--radius-sm);text-align:center;padding:1.25rem 1rem}.edit-status-badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:9999px;padding:.12rem .45rem;font-size:.68rem;font-weight:700}.badge-edited{color:#fde68a;background:#f59e0b2e;border:1px solid #f59e0b73}.creator-cell{align-items:center;gap:.4rem;display:flex}.creator-role-tag{text-transform:uppercase;border-radius:4px;padding:.1rem .35rem;font-size:.65rem;font-weight:700}.tag-owner{color:#fbbf24;background:#f59e0b33}.tag-worker{color:#93c5fd;background:#3b82f633}.desktop-table-container{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface-elevated);display:block;overflow-x:auto}.bills-desktop-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.bills-desktop-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:#00000040;padding:.65rem .85rem;font-size:.75rem;font-weight:600}.bills-desktop-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:.75rem .85rem}.bills-desktop-table tr.row-edited td{background:#f59e0b05}.bills-desktop-table tr:hover td{background:#ffffff05}.cell-time{color:var(--text-muted);white-space:nowrap;font-size:.78rem}.cell-services{white-space:nowrap;text-overflow:ellipsis;max-width:220px;color:var(--text-secondary);overflow:hidden}.bill-total-cell{color:var(--accent);font-size:.95rem}.action-buttons-cell{justify-content:flex-end;gap:.4rem;display:flex}.bill-action-btn{cursor:pointer;border:1px solid #0000;border-radius:4px;padding:.25rem .55rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.edit-bill-btn{color:#93c5fd;background:#3b82f626;border-color:#3b82f64d}.edit-bill-btn:hover{color:#fff;background:#3b82f64d}.details-bill-btn{color:var(--text-secondary);border-color:var(--border);background:#ffffff0f}.details-bill-btn:hover{color:#fff;background:#ffffff1f}.bill-card-footer{border-top:1px solid #ffffff0a;justify-content:flex-end;padding:.4rem 1rem .65rem;display:flex}.edit-link-btn{color:#93c5fd;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600;text-decoration:underline}.edit-link-btn:hover{color:#fff}.drawer-actions-row{justify-content:space-between;align-items:center;display:flex}.edit-bill-drawer-btn{width:auto!important;padding:.3rem .65rem!important;font-size:.75rem!important}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card.edit-bill-modal{background:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid #3b82f666;flex-direction:column;gap:1rem;width:100%;max-width:500px;max-height:90vh;padding:1.25rem;display:flex;overflow-y:auto;box-shadow:0 16px 36px #0009}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding-bottom:.75rem;display:flex}.bill-immutables-bar{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:.25rem;font-size:.75rem;display:flex}.meta-separator{opacity:.4}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.5rem;line-height:1}.modal-close-btn:hover{color:#fff}.edit-bill-form{flex-direction:column;gap:.9rem;display:flex}.audit-notice-banner{border-radius:var(--radius-sm);color:#93c5fd;background:#3b82f614;border:1px solid #3b82f640;padding:.5rem .75rem;font-size:.75rem;line-height:1.4}.audit-history-box{border-top:1px dashed #ffffff1a;flex-direction:column;gap:.4rem;margin-top:.5rem;padding-top:.65rem;display:flex}.audit-history-title{color:#fde68a;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.audit-list{flex-direction:column;gap:.4rem;display:flex}.audit-entry{background:#0003;border:1px solid #ffffff0f;border-radius:4px;flex-direction:column;gap:.2rem;padding:.45rem .65rem;font-size:.78rem;display:flex}.audit-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.audit-editor strong{color:var(--text-primary)}.audit-time{color:var(--text-muted);font-size:.72rem}.audit-diff{color:var(--text-muted);flex-wrap:wrap;gap:.65rem;font-size:.75rem;display:flex}.audit-diff del{color:#fca5a5;text-decoration:line-through}.audit-diff ins{color:#6ee7b7;font-weight:600;text-decoration:none}@media (width>=641px){.mobile-only-cards{display:none!important}}@media (width<=640px){.desktop-table-container{display:none!important}}@media (width<=480px){.app-container:not(.authenticated-app-container){padding:1.25rem .85rem 2rem}.auth-card{padding:1.25rem}.brand-title{font-size:1.85rem}}.dashboard-layout-container{background:var(--bg-primary);box-sizing:border-box;flex-direction:column;width:100%;max-width:480px;height:100dvh;max-height:100dvh;margin:0 auto;padding:0;display:flex;position:relative;overflow:hidden;overflow-x:hidden!important}@media (width>=768px){.dashboard-layout-container{max-width:480px}}.tab-content-area{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;min-height:0;padding:.5rem 1rem calc(env(safe-area-inset-bottom,0px) + 76px) 1rem;box-sizing:border-box;scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto;overflow-x:hidden!important}.profile-tab-section{flex-direction:column;flex:1;min-height:100%;padding-bottom:.5rem;display:flex}.profile-bottom-actions{flex-direction:column;gap:.75rem;width:100%;padding-top:2rem;padding-bottom:.75rem;display:flex;margin-top:auto!important}.profile-bottom-actions .btn{border-radius:12px;width:100%;padding:.85rem 1rem;font-size:.95rem;font-weight:600}.mobile-app-header{box-sizing:border-box;background:var(--bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:480px;margin:0 auto;padding:.75rem 1rem .5rem;display:flex;overflow:hidden}.header-brand-left{align-items:center;gap:.6rem;padding-left:2px;display:flex}.app-brand-logo{color:#fff;justify-content:center;align-items:center;font-size:1.4rem;display:inline-flex;transform:rotate(-10deg)}.app-brand-name{letter-spacing:-.02em;color:#fff;font-size:1.35rem;font-weight:800}.header-actions-right{align-items:center;gap:.75rem;display:flex}.header-icon-btn{cursor:pointer;width:38px;height:38px;color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.header-icon-btn:hover{color:#fff;background:#ffffff1f}.user-avatar-badge{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 10px #3b82f666}.bottom-nav-bar{-webkit-backdrop-filter:blur(16px);height:64px;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;background:#121216fa;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:space-around;align-items:center;display:flex;z-index:1000!important;width:100%!important;max-width:480px!important;position:fixed!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important}.nav-tab-item{color:#71717a;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 0;transition:color .18s,transform .18s;display:flex}.nav-tab-item:hover{color:#a1a1aa}.nav-tab-item.active{color:#3b82f6}.nav-tab-item svg{transition:stroke .18s,filter .18s}.nav-tab-item.active svg{stroke:#3b82f6;filter:drop-shadow(0 2px 8px #3b82f680)}.nav-label{letter-spacing:.02em;font-size:.72rem;font-weight:600}.shop-header-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-sizing:border-box;align-items:center;gap:.85rem;width:100%;margin-bottom:1.25rem;padding:.9rem 1rem;display:flex;box-shadow:0 4px 14px #00000040}.shop-avatar-box{border-radius:var(--radius-md);background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.shop-header-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.shop-header-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.shop-name-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.shop-status-badge{color:#34d399;text-transform:capitalize;background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;padding:.15rem .55rem;font-size:.7rem;font-weight:700}.shop-code-copy-row{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.shop-code-chip{color:#93c5fd;letter-spacing:.05em;font-family:monospace;font-weight:600}.copy-id-btn{color:#93c5fd;cursor:pointer;background:#3b82f626;border:1px solid #3b82f659;border-radius:4px;align-items:center;gap:.25rem;padding:.18rem .5rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.copy-id-btn:hover{color:#fff;background:#3b82f64d}.copy-id-btn.copied{color:#34d399;background:#10b98133;border-color:#10b98166}.shop-location-row{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.overview-section-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.overview-section-title{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.date-selector-pill{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.8rem;display:inline-flex}.date-input-hidden{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.8rem}.overview-grid-2x2{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.overview-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:1rem .85rem;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 2px 8px #0003}.overview-card:hover{border-color:#ffffff26;transform:translateY(-1px)}.overview-icon-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.card-revenue .overview-icon-badge{color:#60a5fa;background:#2563eb33}.card-bills .overview-icon-badge{color:#34d399;background:#10b98133}.card-cash .overview-icon-badge{color:#fbbf24;background:#f59e0b33}.card-upi .overview-icon-badge{color:#a78bfa;background:#8b5cf633}.overview-card-info{flex-direction:column;display:flex}.overview-card-label{color:var(--text-muted);font-size:.72rem;font-weight:500}.overview-card-value{color:#fff;letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.employee-activity-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.btn-hero-new-bill{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#2563eb;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1.25rem;padding:.95rem 1.25rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb66}.btn-hero-new-bill:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 18px #2563eb80}.employee-performance-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.25rem;padding:1rem;box-shadow:0 2px 8px #0003}.perf-header-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.perf-title{color:#fff;margin:0;font-size:.95rem;font-weight:700}.perf-view-all{color:#60a5fa;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.modern-perf-table-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto}.modern-perf-table{border-collapse:collapse;table-layout:fixed;box-sizing:border-box;width:100%;max-width:100%;font-size:.78rem}.modern-perf-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ffffff0f;padding:.5rem .25rem;font-size:.68rem;font-weight:600;overflow:hidden}.modern-perf-table td{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:.6rem .25rem;overflow:hidden}.modern-perf-table th:first-child,.modern-perf-table td:first-child{text-align:left;width:44%}.modern-perf-table th:nth-child(2),.modern-perf-table td:nth-child(2){text-align:right;width:12%}.modern-perf-table th:nth-child(3),.modern-perf-table td:nth-child(3){text-align:right;width:16%}.modern-perf-table th:nth-child(4),.modern-perf-table td:nth-child(4),.modern-perf-table th:nth-child(5),.modern-perf-table td:nth-child(5){text-align:right;width:14%}.modern-perf-table tr:last-child td{border-bottom:none}.perf-user-cell{text-align:left;vertical-align:middle;min-width:0}.perf-name-text{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:600;display:block;overflow:hidden}.perf-avatar-circle{display:none!important}.perf-staff-name{color:var(--text-primary);font-weight:600}.owner-highlight-row{background:#3b82f60d}.filter-chips-bar{gap:.5rem;margin-bottom:1rem;padding-bottom:4px;display:flex;overflow-x:auto}.filter-chip{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:9999px;padding:.45rem 1rem;font-size:.82rem;font-weight:600;transition:all .15s}.filter-chip:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.filter-chip.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb59}.bill-modern-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:.4rem;margin-bottom:.65rem;padding:.85rem 1rem;transition:all .15s;display:flex;box-shadow:0 2px 6px #0003}.bill-modern-card:hover{background:var(--bg-surface-elevated);border-color:#3b82f666}.bill-modern-top-row{justify-content:space-between;align-items:center;display:flex}.bill-id-and-badges{align-items:center;gap:.45rem;display:flex}.bill-modern-id{color:#fff;font-size:.95rem;font-weight:700}.badge-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.badge-pill.badge-cash{color:#34d399;background:#10b9812e;border:1px solid #10b98159}.badge-pill.badge-upi{color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf659}.badge-pill.badge-edited{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66}.bill-modern-total{color:#fff;font-size:1.15rem;font-weight:800}.bill-modern-middle-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.bill-staff-info{align-items:center;gap:.35rem;display:flex}.bill-time-text{color:var(--text-secondary)}.meta-dot{opacity:.4}.bill-attributed-staff{color:var(--text-secondary);font-weight:500}.bill-items-count{color:var(--text-muted)}.bill-details-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1.15rem;width:100%;max-width:440px;max-height:90vh;padding:1.25rem;display:flex;overflow-y:auto;box-shadow:0 20px 40px #000000b3}.details-meta-card{background:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid #ffffff0d;flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex}.details-bill-title-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.details-bill-num{color:#fff;font-size:1.15rem;font-weight:800}.details-meta-line{color:var(--text-secondary);font-size:.8rem}.details-meta-line strong{color:var(--text-primary)}.details-services-list{flex-direction:column;display:flex}.details-item-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.65rem 0;display:flex}.details-item-row:last-child{border-bottom:none}.details-item-info{flex-direction:column;display:flex}.details-item-name{color:#fff;font-size:.92rem;font-weight:600}.details-item-sub{color:var(--text-muted);font-size:.75rem}.details-item-price{color:#fff;font-size:1rem;font-weight:700}.details-pricing-summary{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:1rem;font-weight:600;display:flex}.details-total-val{color:#fff;font-size:1.35rem;font-weight:800}.details-payment-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.details-edit-history-box{border-radius:var(--radius-md);background:#f59e0b0f;border:1px solid #f59e0b40;flex-direction:column;gap:.65rem;padding:.85rem;display:flex}.edit-history-head-row{align-items:center;gap:.45rem;display:flex}.edit-history-title{color:#fbbf24;font-size:.82rem;font-weight:700}.edit-history-entries{flex-direction:column;gap:.65rem;display:flex}.edit-history-entry{color:var(--text-secondary);flex-direction:column;gap:.2rem;font-size:.78rem;display:flex}.entry-editor-row strong{color:#fff}.entry-time-row{color:var(--text-muted);font-size:.72rem}.entry-diff-row del{color:#fca5a5;text-decoration:line-through}.entry-diff-row ins{color:#34d399;font-weight:700;text-decoration:none}.profile-card-modern{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:1rem;margin-bottom:1rem;padding:1.25rem 1rem;display:flex;box-shadow:0 4px 14px #00000040}.profile-avatar-big{color:#fff;background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 12px #2563eb4d}.profile-details-col{flex-direction:column;gap:.25rem;display:flex}.profile-user-name{color:#fff;margin:0;font-size:1.2rem;font-weight:700}.profile-user-phone{color:var(--text-secondary);font-size:.85rem}.profile-role-pill{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d;border-radius:9999px;align-self:flex-start;margin-top:.25rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-block}.my-bills-header-block{flex-direction:column;gap:.75rem;width:100%;margin-bottom:1rem;display:flex}.my-bills-title-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.my-bills-title-col{flex-direction:column;gap:.2rem;display:flex}.my-bills-main-heading{letter-spacing:-.02em;color:#fff;margin:0;font-size:1.4rem;font-weight:800}.my-bills-sub-heading{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.35}.btn-header-new-bill{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:.35rem;padding:.55rem 1.05rem;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #2563eb66}.btn-header-new-bill:hover{background:#1d4ed8;transform:translateY(-1px)}.my-bills-date-row{align-items:center;gap:.65rem;width:100%;display:flex}.date-input-pill-box{cursor:pointer;background:#141720;border:1px solid #ffffff14;border-radius:10px;flex:1;align-items:center;gap:.65rem;padding:.55rem .85rem;transition:border-color .15s;display:flex;position:relative}.date-input-pill-box:hover{border-color:#3b82f666}.cal-icon-left,.cal-icon-right{flex-shrink:0;font-size:.95rem}.cal-icon-right{opacity:.4;margin-left:auto}.date-display-text{color:#fff;letter-spacing:.03em;font-size:.88rem;font-weight:600}.date-picker-hidden-trigger{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.btn-today-pill{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#1e2430;border:1px solid #ffffff14;border-radius:10px;padding:.55rem 1.15rem;font-size:.82rem;font-weight:600;transition:all .15s}.btn-today-pill:hover,.btn-today-pill.active{color:#93c5fd;background:#3b82f633;border-color:#3b82f659}.segmented-filter-bar{gap:.5rem;width:100%;display:flex}.segmented-filter-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#141720;border:1px solid #ffffff14;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .4rem;font-size:.82rem;font-weight:600;transition:all .18s;display:flex}.segmented-filter-btn:hover{color:#fff;background:#1e2330}.segmented-filter-btn.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 10px #2563eb66}.staff-bills-list{flex-direction:column;gap:.75rem;width:100%;display:flex}.staff-bill-card{background:#141720;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;gap:.4rem;padding:.95rem 1.05rem;transition:border-color .15s,transform .15s;display:flex;box-shadow:0 4px 14px #00000040}.staff-bill-card:hover{border-color:#3b82f64d;transform:translateY(-1px)}.staff-card-top-row{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.staff-card-left-tags{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.staff-card-id{color:#fff;font-size:1.15rem;font-weight:800}.badge-normal{color:#94a3b8;background:#47556940;border:1px solid #94a3b840}.staff-card-right-price-dots{flex-shrink:0;align-items:center;gap:.45rem;margin-left:auto;display:flex}.staff-card-total{color:#fff;letter-spacing:-.01em;white-space:nowrap;font-size:1.18rem;font-weight:800}.btn-three-dots{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 .15rem;font-size:1.25rem;line-height:1;transition:color .15s}.btn-three-dots:hover{color:#fff}.staff-card-time-row{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.15rem 0;font-size:.76rem;display:flex}.staff-bill-time{color:#94a3b8;font-weight:500}.staff-bill-divider{color:#475569;-webkit-user-select:none;user-select:none;font-size:.72rem}.staff-bill-added-by{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.72rem;display:inline-flex}.added-by-icon{font-size:.72rem;line-height:1}.added-by-text{color:#94a3b8}.added-by-name{color:#60a5fa;font-weight:600}.staff-card-bottom-row{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-top:.35rem;display:flex}.staff-card-services{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;max-width:60%;font-size:.84rem;display:flex;overflow:hidden}.scissors-icon{color:#64748b;font-size:.85rem;transform:rotate(-10deg)}.services-text{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.staff-card-actions{align-items:center;gap:.45rem;display:flex}.staff-btn-details{color:#e2e8f0;cursor:pointer;background:#1e2430;border:1px solid #ffffff1a;border-radius:7px;padding:.35rem .8rem;font-size:.78rem;font-weight:600;transition:all .15s}.staff-btn-details:hover{color:#fff;background:#283040}.staff-btn-edit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:.35rem .9rem;font-size:.78rem;font-weight:600;transition:all .15s}.staff-btn-edit:hover{background:#1d4ed8}.home-date-bar{cursor:pointer;box-sizing:border-box;background:#0d1527;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;padding:.75rem 1rem;transition:border-color .15s,background-color .15s;display:flex;position:relative}.home-date-bar:hover{background:#111b33;border-color:#3b82f659}.home-date-left{align-items:center;gap:.75rem;display:flex}.home-cal-icon{color:#94a3b8;flex-shrink:0}.home-date-text{color:#fff;letter-spacing:.04em;font-size:.95rem;font-weight:600}.home-chevron-icon{color:#94a3b8;flex-shrink:0}.home-date-hidden-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.home-metrics-grid{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;margin-bottom:1rem;display:grid}.home-metric-card{box-sizing:border-box;background:#0d1527;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;min-width:0;padding:1rem;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 4px 14px #00000040}.home-metric-card:hover{border-color:#3b82f64d;transform:translateY(-1px)}.metric-card-top{align-items:center;gap:.6rem;margin-bottom:.65rem;display:flex}.metric-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.metric-icon-bills{background:#0ea5e926;border:1px solid #0ea5e94d}.metric-icon-revenue{background:#22c55e26;border:1px solid #22c55e4d}.metric-title{color:#e2e8f0;font-size:.88rem;font-weight:600}.metric-value-row{margin-bottom:.35rem}.metric-large-num{color:#fff;letter-spacing:-.02em;font-size:1.85rem;font-weight:800;line-height:1.1}.metric-subtext{color:#94a3b8;font-size:.74rem;line-height:1.3}.home-btn-new-bill{color:#fff;cursor:pointer;box-sizing:border-box;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:1rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 14px #2563eb66}.home-btn-new-bill:hover{background:#1d4ed8;transform:translateY(-1px)}.home-recent-bills-section{flex-direction:column;width:100%;margin-bottom:5rem;display:flex}.home-recent-head{justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;display:flex}.home-recent-head-left{flex-direction:column;gap:.2rem;display:flex}.home-recent-title{letter-spacing:-.01em;color:#fff;margin:0;font-size:1.2rem;font-weight:800}.home-recent-sub{color:#94a3b8;margin:0;font-size:.78rem}.btn-view-all-pill{color:#38bdf8;cursor:pointer;background:#172a45;border:1px solid #38bdf840;border-radius:9999px;align-items:center;gap:.35rem;padding:.4rem .95rem;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-view-all-pill:hover{color:#60a5fa;background:#1e3a5f;transform:translateY(-1px)}.home-recent-empty{text-align:center;color:#94a3b8;background:#0d1527;border:1px dashed #ffffff14;border-radius:12px;padding:2rem 1rem;font-size:.85rem}.home-recent-bills-list{flex-direction:column;gap:.65rem;width:100%;display:flex}.home-recent-bill-card{cursor:pointer;box-sizing:border-box;background:#0d1527;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.35rem;width:100%;padding:.85rem 1rem;transition:all .15s;display:flex;overflow:hidden;box-shadow:0 4px 14px #0003}.home-recent-bill-card:hover{border-color:#3b82f659;transform:translateY(-1px)}.recent-card-body{box-sizing:border-box;align-items:flex-start;gap:.75rem;width:100%;display:flex}.recent-doc-icon-box{background:#131f37;border:1px solid #ffffff0d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;display:flex}.recent-card-content{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.recent-card-header-row{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.recent-card-id-and-badges{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.recent-card-id{color:#fff;font-size:1.05rem;font-weight:800;line-height:1.2}.recent-badge-pill{letter-spacing:.02em;white-space:nowrap;border-radius:6px;align-items:center;gap:.2rem;padding:.18rem .45rem;font-size:.68rem;font-weight:700;line-height:1.2;display:inline-flex}.badge-pill-cash{color:#4ade80;background:#22c55e26;border:1px solid #22c55e40}.badge-pill-upi{color:#c084fc;background:#a855f72e;border:1px solid #a855f74d}.badge-pill-edited{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b59}.recent-card-price-col{flex-shrink:0;align-items:center;gap:.35rem;margin-left:auto;display:flex}.recent-card-price{color:#fff;letter-spacing:-.01em;white-space:nowrap;font-size:1.05rem;font-weight:800}.recent-card-chevron{color:#64748b;flex-shrink:0}.recent-card-meta-row{color:#94a3b8;font-size:.74rem;line-height:1.3}.recent-card-edited-row{color:#94a3b8;border-top:1px solid #ffffff0a;align-items:center;gap:.35rem;margin-top:.2rem;padding-top:.3rem;font-size:.72rem;display:flex}.recent-pencil-icon{color:#94a3b8;flex-shrink:0;font-size:.75rem}.recent-edited-text{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.nav-tab-item{position:relative}.nav-tab-item.active:after{content:"";background:#3b82f6;border-radius:9999px;width:32px;height:3px;position:absolute;bottom:4px;box-shadow:0 0 8px #3b82f6b3}.owner-home-date-bar{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.owner-date-pill-box{cursor:pointer;background:#181920;border:1px solid #ffffff14;border-radius:12px;flex:1;align-items:center;gap:.6rem;padding:.6rem .9rem;transition:all .15s;display:flex;position:relative}.owner-date-pill-box:hover{background:#1f2029;border-color:#ffffff29}.owner-date-text{color:#f1f5f9;letter-spacing:.01em;flex:1;font-size:.88rem;font-weight:500}.owner-btn-today-pill{color:#94a3b8;cursor:pointer;background:#1e2029;border:1px solid #ffffff14;border-radius:12px;padding:.6rem 1.1rem;font-size:.86rem;font-weight:600;transition:all .15s}.owner-btn-today-pill:hover{color:#fff;border-color:#ffffff29}.owner-btn-today-pill.active{color:#fff;background:#272a38;border-color:#ffffff24}.owner-overview-section{margin-bottom:1rem}.owner-section-head{margin-bottom:.75rem}.owner-section-title{color:#fff;letter-spacing:-.01em;margin:0 0 .2rem;font-size:1.05rem;font-weight:700}.owner-section-sub{color:#94a3b8;margin:0;font-size:.78rem}.owner-overview-grid-2x2{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.owner-metric-card{background:#16171d;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:.35rem;padding:.9rem;transition:transform .15s,border-color .15s;display:flex}.owner-metric-card:hover{border-color:#ffffff1f;transform:translateY(-1px)}.owner-metric-top{align-items:center;gap:.5rem;display:flex}.owner-metric-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;display:flex}.owner-metric-icon-box.blue{color:#60a5fa;background:#0f2942}.owner-metric-icon-box.green{color:#34d399;background:#063728}.owner-metric-icon-box.yellow{background:#382e0d}.owner-metric-icon-box.purple{background:#2e1065}.owner-metric-label{color:#94a3b8;font-size:.8rem;font-weight:500}.owner-metric-value{color:#fff;letter-spacing:-.02em;margin-top:.1rem;font-size:1.35rem;font-weight:700}.owner-metric-subtext{font-size:.74rem;font-weight:500}.owner-metric-subtext.green{color:#10b981}.owner-metric-subtext.muted{color:#64748b}.btn-owner-hero-new-bill{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1.25rem;padding:.88rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 4px 14px #2563eb59}.btn-owner-hero-new-bill:hover{background:#1d4ed8;box-shadow:0 6px 18px #2563eb73}.btn-owner-hero-new-bill:active{transform:scale(.98)}.btn-owner-hero-new-bill .chevron-icon{opacity:.9;font-size:.9rem}.owner-section-head-split{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.owner-link-view-all{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600;transition:color .15s}.owner-link-view-all:hover{color:#60a5fa;text-decoration:underline}.owner-perf-section{margin-bottom:1.25rem}.owner-recent-bills-section{margin-bottom:1.5rem}.create-bill-page-container{width:100%;max-width:500px;margin:0 auto;padding-bottom:2.5rem;animation:.2s fadeInNewBill}@keyframes fadeInNewBill{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.create-bill-header{align-items:center;gap:.85rem;margin-bottom:1.25rem;padding-top:.25rem;display:flex}.btn-back-circle{color:#fff;cursor:pointer;background:#181920;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.btn-back-circle:hover{background:#242531;border-color:#ffffff29}.create-bill-header-text{flex:1;min-width:0}.create-bill-title{color:#fff;letter-spacing:-.01em;margin:0 0 .15rem;font-size:1.15rem;font-weight:700}.create-bill-subtitle{color:#94a3b8;margin:0;font-size:.76rem}.btn-barcode-icon{color:#94a3b8;cursor:pointer;background:#181920;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.btn-barcode-icon:hover{color:#fff;background:#242531}.bill-stepper-bar{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:0 .5rem;font-size:.82rem;display:flex}.stepper-step{color:#64748b;align-items:center;gap:.4rem;font-weight:500;display:flex}.stepper-step.active{color:#fff}.step-num-circle{color:#94a3b8;background:#27272a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:600;display:flex}.stepper-step.active .step-num-circle{color:#fff;background:#2563eb}.step-label{font-size:.8rem}.stepper-divider{color:#3f3f46;font-size:.85rem}.new-bill-section-card{background:#15161c;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:1.15rem;padding:1rem}.new-bill-sec-head{align-items:center;gap:.65rem;margin-bottom:.95rem;display:flex}.sec-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sec-icon-circle.blue{color:#3b82f6;background:#2563eb26}.sec-title-col{flex:1}.sec-main-title{color:#fff;margin:0 0 .15rem;font-size:.95rem;font-weight:600}.sec-sub-title{color:#94a3b8;margin:0;font-size:.74rem}.attribution-select-wrapper{background:#1c1d24;border:1px solid #ffffff14;border-radius:12px;align-items:center;padding:.8rem 1rem;transition:border-color .15s;display:flex;position:relative}.attribution-select-wrapper:hover{border-color:#fff3}.attribution-select-dropdown{color:#fff;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding-right:2rem;font-size:.95rem;font-weight:600}.attribution-select-dropdown option{color:#fff;background-color:#1a1b24;padding:.75rem 1rem;font-size:.95rem}.attribution-chevron{color:#94a3b8;pointer-events:none;flex-shrink:0;position:absolute;right:1rem}.attribution-hint-text{color:#64748b;margin:.55rem 0 0;font-size:.72rem;line-height:1.4}.services-selector-list{flex-direction:column;gap:.6rem;display:flex}.service-picker-row-card{cursor:pointer;background:#1a1b22;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:.75rem;padding:.7rem .85rem;transition:all .15s;display:flex}.service-picker-row-card:hover{background:#1d1f27;border-color:#ffffff1f}.service-picker-row-card.selected{background:#182030;border-color:#3b82f680}.checkbox-custom-container{cursor:pointer;flex-shrink:0;width:20px;height:20px;display:inline-block;position:relative}.checkbox-custom-container input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.checkbox-checkmark{box-sizing:border-box;background:0 0;border:2px solid #52525b;border-radius:5px;width:20px;height:20px;transition:all .15s;position:absolute;top:0;left:0}.checkbox-custom-container input:checked~.checkbox-checkmark{background:#2563eb;border-color:#2563eb}.checkbox-custom-container input:checked~.checkbox-checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.service-theme-badge{border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.05rem;display:flex}.service-row-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.service-row-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.service-row-default{color:#94a3b8;font-size:.72rem}.service-row-price-box{background:#121318;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;align-items:center;gap:.25rem;width:82px;padding:.35rem .55rem;display:flex}.price-box-symbol{color:#94a3b8;font-size:.82rem;font-weight:500}.price-box-input{color:#fff;text-align:right;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:.88rem;font-weight:600}.btn-add-custom-service{color:#60a5fa;cursor:pointer;background:#2563eb14;border:1px dashed #3b82f659;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:.75rem;padding:.7rem;font-size:.84rem;font-weight:600;transition:all .15s;display:flex}.btn-add-custom-service:hover{color:#93c5fd;background:#2563eb26;border-color:#3b82f6}.selected-summary-card{margin-bottom:1.15rem}.selected-services-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.selected-head-title{color:#fff;margin:0;font-size:.9rem;font-weight:600}.btn-clear-all{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600;transition:opacity .15s}.btn-clear-all:hover{opacity:.85}.selected-items-badges-list{flex-direction:column;gap:.5rem;margin-bottom:.85rem;display:flex}.selected-item-badge-card{background:#1c1d25;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.65rem;padding:.6rem .75rem;display:flex}.selected-badge-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;display:flex}.selected-badge-text{flex-direction:column;flex:1;gap:.1rem;display:flex}.selected-item-name{color:#fff;font-size:.85rem;font-weight:600}.selected-item-price{color:#94a3b8;font-size:.75rem}.btn-remove-selected-trash{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:all .15s;display:flex}.btn-remove-selected-trash:hover{background:#ef444433;border-color:#ef444473}.total-amount-banner{background:#121318;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.total-amount-label{color:#fff;font-size:.95rem;font-weight:600}.total-amount-number{color:#10b981;font-size:1.35rem;font-weight:700}.payment-cards-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.payment-choice-card{cursor:pointer;background:#1c1d24;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.65rem;padding:.85rem .9rem;transition:all .15s;display:flex}.payment-choice-card:hover{border-color:#ffffff29}.payment-choice-card.active{background:#182236;border-color:#2563eb}.payment-radio-circle{border:2px solid #52525b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.payment-choice-card.active .payment-radio-circle{border-color:#2563eb}.radio-inner-dot{background:#2563eb;border-radius:50%;width:8px;height:8px}.payment-choice-icon-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;display:flex}.payment-choice-icon-badge.cash-badge{background:#2e260f}.payment-choice-icon-badge.upi-badge{background:#26163b}.payment-choice-label{color:#fff;font-size:.88rem;font-weight:600}.create-bill-bottom-action{margin-top:1.5rem;margin-bottom:1.5rem}.btn-create-bill-hero{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.95rem 1.25rem;font-size:.98rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 4px 16px #2563eb66}.btn-create-bill-hero:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 20px #2563eb80}.btn-create-bill-hero:active:not(:disabled){transform:scale(.98)}.btn-create-bill-hero:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-create-bill-hero .create-icon{font-size:1rem}.btn-create-bill-hero .chevron-icon{font-size:.9rem}.profile-report-card{background:#16171e;border:1px solid #3b82f640;border-radius:14px;flex-direction:column;gap:.85rem;margin-top:1rem;padding:1.1rem;display:flex;box-shadow:0 4px 16px #00000040}.profile-report-info{align-items:center;gap:.75rem;display:flex}.profile-report-icon-box{background:#2563eb26;border:1px solid #3b82f64d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.profile-report-text{flex:1}.profile-report-title{color:#fff;margin:0 0 .15rem;font-size:.96rem;font-weight:700}.profile-report-subtitle{color:#94a3b8;margin:0;font-size:.76rem;line-height:1.35}.btn-profile-shop-report{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 3px 12px #2563eb59}.btn-profile-shop-report:hover{background:#1d4ed8;box-shadow:0 5px 16px #2563eb73}.btn-profile-shop-report .chevron-icon{font-size:.85rem}.report-page-container{width:100%;max-width:500px;margin:0 auto;padding-bottom:3rem;animation:.2s fadeInReport}@keyframes fadeInReport{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.report-header{align-items:center;gap:.85rem;margin-bottom:1.25rem;padding-top:.25rem;display:flex}.report-header-text{flex:1;min-width:0}.report-title{color:#fff;letter-spacing:-.01em;margin:0 0 .15rem;font-size:1.2rem;font-weight:700}.report-subtitle{color:#94a3b8;margin:0;font-size:.78rem}.report-date-filter-wrapper{margin-bottom:1.25rem;position:relative}.report-date-dropdown-btn{cursor:pointer;box-sizing:border-box;background:#181920;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;transition:all .15s;display:flex}.report-date-dropdown-btn:hover{background:#1e2029;border-color:#ffffff29}.date-btn-left{align-items:center;gap:.65rem;display:flex}.report-cal-icon{color:#94a3b8;flex-shrink:0}.report-date-label-text{color:#f1f5f9;letter-spacing:.01em;font-size:.88rem;font-weight:600}.report-chevron{color:#94a3b8;flex-shrink:0;transition:transform .2s}.report-chevron.open{transform:rotate(180deg)}.report-dropdown-menu{z-index:50;box-sizing:border-box;background:#1a1b24;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:.2rem;width:100%;padding:.4rem;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #0009}.dropdown-option{text-align:left;color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:.7rem .9rem;font-size:.86rem;font-weight:500;transition:all .15s}.dropdown-option:hover{color:#fff;background:#242633}.dropdown-option.active{color:#fff;background:#2563eb;font-weight:600}.report-nav-pills-bar{background:#14151b;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:repeat(3,1fr);margin-bottom:1.25rem;padding:4px;display:grid}.report-nav-pill{color:#94a3b8;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:9px;padding:.65rem .5rem;font-size:.84rem;font-weight:600;transition:all .15s}.report-nav-pill:hover{color:#fff}.report-nav-pill.active{color:#fff;background:#2563eb;box-shadow:0 2px 8px #2563eb66}.report-loading-card{color:#94a3b8;background:#16171d;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;font-size:.9rem;display:flex}.report-metrics-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;display:grid}.report-metric-card{background:#16171d;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:.35rem;padding:.95rem;transition:transform .15s,border-color .15s;display:flex}.report-metric-card:hover{border-color:#ffffff1f;transform:translateY(-1px)}.metric-card-top-row{align-items:center;gap:.5rem;display:flex}.metric-card-title{color:#94a3b8;font-size:.8rem;font-weight:500}.metric-large-number{color:#fff;letter-spacing:-.02em;margin-top:.1rem;font-size:1.35rem;font-weight:700}.metric-sub-trend{font-size:.72rem;font-weight:600}.metric-sub-trend.trend-positive{color:#10b981}.metric-sub-trend.trend-negative{color:#ef4444}.metric-sub-trend.trend-muted{color:#64748b}.avg-bill-card{background:#14151c;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.15rem;padding:.75rem 1rem;display:flex}.avg-bill-label{color:#94a3b8;font-size:.84rem;font-weight:500}.avg-bill-number{color:#60a5fa;font-size:.98rem;font-weight:700}.report-section-card{background:#15161c;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:1.25rem;padding:1.1rem}.card-heading-row{align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.chart-heading-icon{flex-shrink:0}.chart-heading-title{color:#fff;margin:0;font-size:.95rem;font-weight:700}.sec-heading-text-col{flex:1}.card-sub-description{color:#94a3b8;margin:.15rem 0 0;font-size:.74rem}.chart-header-row{justify-content:space-between;align-items:center;display:flex}.chart-heading-left{align-items:center;gap:.65rem;display:flex}.chart-slider-controls{align-items:center;gap:.35rem;display:flex}.chart-slide-hint{color:#94a3b8;-webkit-user-select:none;user-select:none;margin-right:.25rem;font-size:.68rem;font-weight:500}.btn-chart-slide{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:1.15rem;line-height:1;transition:all .15s;display:flex}.btn-chart-slide:hover{color:#fff;background:#2563eb;border-color:#3b82f6}.daily-chart-container{gap:.65rem;height:195px;margin-top:.5rem;display:flex;position:relative}.chart-y-axis{color:#64748b;text-align:right;box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;justify-content:space-between;width:44px;height:145px;padding-top:26px;font-family:monospace;font-size:.68rem;display:flex}.chart-scroll-wrapper{border-radius:6px;flex:1;min-width:0;position:relative;overflow:hidden}.chart-bars-track{box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;height:185px;padding-top:26px;position:relative;overflow:auto hidden}.chart-bars-track::-webkit-scrollbar{height:4px}.chart-bars-track::-webkit-scrollbar-track{background:#ffffff08;border-radius:2px}.chart-bars-track::-webkit-scrollbar-thumb{background:#3b82f659;border-radius:2px}.chart-bars-track::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.grid-line{pointer-events:none;background:#ffffff0d;width:100%;min-width:100%;height:1px;position:absolute;left:0;right:0}.bars-flex-container{z-index:2;align-items:flex-end;height:130px;display:flex;position:relative}.bars-flex-container.is-scrollable{justify-content:flex-start;gap:8px;min-width:max-content;padding:0 10px}.bars-flex-container.is-fit{justify-content:space-around;gap:4px;width:100%}.bar-column-wrapper{cursor:pointer;flex-direction:column;flex:0 0 46px;align-items:center;width:46px;height:100%;display:flex;position:relative}.bar-track-inner{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.bar-fill-body{background:#2563eb;border-radius:4px 4px 0 0;width:18px;min-height:4px;transition:height .3s,background .15s}.bar-column-wrapper:hover .bar-fill-body,.bar-fill-body.active{background:#3b82f6;box-shadow:0 0 10px #3b82f699}.bar-x-label{color:#94a3b8;white-space:nowrap;margin-top:.45rem;font-size:.68rem}.bar-tooltip-bubble{white-space:nowrap;z-index:30;pointer-events:none;background:#0f1015;border:1px solid #3b82f666;border-radius:8px;flex-direction:column;align-items:center;gap:.1rem;padding:.4rem .6rem;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0009}.tooltip-date{color:#94a3b8;font-size:.68rem}.tooltip-val{color:#fff;font-size:.85rem;font-weight:700}.tooltip-sub{color:#60a5fa;font-size:.64rem}.chart-empty-state{text-align:center;color:#64748b;padding:2rem 1rem;font-size:.86rem}.donut-content-layout{align-items:center;gap:1.5rem;padding:.5rem .25rem;display:flex}.donut-graphic-wrapper{flex-shrink:0;width:130px;height:130px;position:relative}.donut-svg{width:100%;height:100%}.donut-center-text{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-total-val{color:#fff;letter-spacing:-.01em;font-size:.95rem;font-weight:700}.donut-total-sub{color:#94a3b8;font-size:.68rem}.donut-legend-col{flex-direction:column;flex:1;gap:.85rem;display:flex}.legend-row{justify-content:space-between;align-items:center;display:flex}.legend-label-col{align-items:center;gap:.5rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-dot.green{background:#10b981}.legend-dot.purple{background:#8b5cf6}.legend-name{color:#fff;font-size:.88rem;font-weight:500}.legend-value-col{color:#fff;align-items:center;gap:.3rem;font-size:.88rem;font-weight:600;display:flex}.legend-pct{color:#94a3b8;font-size:.76rem}.employee-performance-list{flex-direction:column;gap:.85rem;display:flex}.employee-perf-card{background:#15161e;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.85rem;padding:.95rem 1rem;transition:all .18s;display:flex;box-shadow:0 4px 12px #0000002e}.employee-perf-card:hover{background:#181a24;border-color:#ffffff26}.emp-card-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.emp-card-identity{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.emp-avatar-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.05rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0000004d}.emp-name-col{flex-direction:column;gap:.25rem;min-width:0;display:flex}.emp-name-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.emp-name-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.emp-role-tag{letter-spacing:.02em;border-radius:4px;padding:.12rem .45rem;font-size:.65rem;font-weight:700}.emp-role-tag.owner{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.emp-role-tag.profile{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.emp-role-tag.account{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.emp-status-pill{border-radius:9999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.emp-status-pill.active{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.emp-status-pill.inactive{color:#94a3b8;background:#64748b26;border:1px solid #64748b40}.emp-card-metrics-grid{background:#1b1c26;border:1px solid #ffffff0d;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:.4rem;padding:.65rem .4rem;display:grid}.emp-metric-cell{text-align:center;flex-direction:column;align-items:center;gap:.2rem;display:flex}.metric-header-tag{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.64rem;font-weight:600}.metric-val-num{color:#fff;font-size:.88rem;font-weight:700}.emp-metric-cell .text-accent{color:#38bdf8}.emp-metric-cell .text-cash{color:#34d399}.emp-metric-cell .text-upi{color:#c084fc}.services-performance-list{flex-direction:column;gap:.85rem;display:flex}.service-perf-card{background:#15161e;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.85rem;padding:.95rem 1rem;transition:all .18s;display:flex;box-shadow:0 4px 12px #0000002e}.service-perf-card:hover{background:#181a24;border-color:#ffffff26}.svc-card-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.svc-card-identity{flex:1;align-items:center;gap:.85rem;min-width:0;display:flex}.svc-theme-badge{border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex;box-shadow:0 2px 8px #0000004d}.svc-name-text{color:#fff;word-break:break-word;font-size:1rem;font-weight:700;line-height:1.35}.svc-card-metrics-grid{background:#1b1c26;border:1px solid #ffffff0d;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.65rem .5rem;display:grid}.svc-metric-cell{text-align:center;flex-direction:column;align-items:center;gap:.2rem;display:flex}.svc-metric-cell .text-accent{color:#38bdf8}.staff-header-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.btn-payouts-shortcut{color:#34d399;cursor:pointer;white-space:nowrap;background:#10b9811f;border:1px solid #10b9814d;border-radius:9px;align-items:center;gap:.45rem;padding:.48rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-payouts-shortcut:hover{color:#fff;background:#10b98138;border-color:#34d399;transform:translateY(-1px)}.salary-payout-container{flex-direction:column;gap:.85rem;width:100%;padding-bottom:2rem;animation:.25s ease-out fadeIn;display:flex}.payout-header-ref{align-items:center;gap:.85rem;padding:.25rem 0 .5rem;display:flex}.btn-back-payouts-ref{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:.35rem;transition:all .18s;display:flex}.btn-back-payouts-ref:hover{background:#ffffff14}.payout-header-text-ref{flex-direction:column;gap:.15rem;min-width:0;display:flex}.payout-title-ref{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}.payout-subtitle-ref{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.82rem;overflow:hidden}.payout-month-dropdown-card{cursor:pointer;background:#131926;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;margin-top:.25rem;padding:.9rem 1.1rem;transition:all .18s;display:flex;position:relative;box-shadow:0 4px 14px #00000038}.payout-month-dropdown-card:hover{background:#171f30;border-color:#ffffff29}.payout-month-dropdown-content{align-items:center;gap:.85rem;display:flex}.payout-month-dropdown-content .cal-icon{color:#fff;flex-shrink:0}.payout-month-dropdown-content .month-text{color:#fff;letter-spacing:-.01em;font-size:1rem;font-weight:700}.chevron-down-icon{color:#94a3b8;flex-shrink:0}.month-picker-overlay{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.staff-members-header-row{justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:.25rem;display:flex}.staff-members-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:800}.btn-record-payout-blue{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:12px;align-items:center;gap:.45rem;padding:.55rem 1.05rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #2563eb59}.btn-record-payout-blue:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb80}.staff-salary-cards-list-ref{flex-direction:column;gap:.75rem;display:flex}.staff-salary-card-ref{cursor:pointer;background:#131926;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.85rem;padding:1rem 1.15rem;transition:all .18s;display:flex;box-shadow:0 4px 14px #0003}.staff-salary-card-ref:hover{background:#171f30;border-color:#ffffff29;transform:translateY(-1px)}.card-top-row-ref{justify-content:space-between;align-items:center;display:flex}.card-identity-group-ref{align-items:center;gap:.85rem;display:flex}.card-avatar-circle-ref{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.12rem;font-weight:800;display:flex;box-shadow:0 2px 8px #00000040}.card-name-col-ref{flex-direction:column;gap:.15rem;display:flex}.card-staff-name-ref{color:#fff;font-size:1.05rem;font-weight:700}.card-status-line-ref{align-items:center;gap:.35rem;display:flex}.card-status-line-ref .status-dot{font-size:.65rem;line-height:1}.card-status-line-ref .status-dot.active{color:#10b981}.card-status-line-ref .status-dot.inactive{color:#64748b}.card-status-line-ref .status-text{font-size:.78rem;font-weight:500}.card-status-line-ref .status-text.active{color:#94a3b8}.card-status-line-ref .status-text.inactive{color:#64748b}.card-chevron-ref{color:#64748b;justify-content:center;align-items:center;display:flex}.card-metrics-row-ref{border-top:1px solid #ffffff0d;grid-template-columns:repeat(3,1fr);gap:0;padding-top:.85rem;display:grid}.card-metric-col-ref{flex-direction:column;gap:.25rem;padding-right:.75rem;display:flex}.card-metric-col-ref:not(:first-child){padding-left:.75rem}.card-metric-col-ref:not(:last-child){border-right:1px solid #ffffff14}.metric-label-ref{color:#94a3b8;font-size:.74rem;font-weight:500}.metric-val-ref{color:#fff;font-size:1.05rem;font-weight:800}.text-paid-green{color:#10b981!important}.text-remaining-amber{color:#f59e0b!important}.text-overpaid-purple{color:#c084fc!important}.btn-record-payout-header{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:1px solid #34d39959;border-radius:10px;flex-shrink:0;align-items:center;gap:.45rem;padding:.52rem .95rem;font-size:.86rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #10b98159}.btn-record-payout-header:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 4px 14px #10b98180}.payout-month-selector-bar{background:#15161e;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;padding:.55rem .85rem;display:flex;box-shadow:0 3px 12px #00000038}.btn-month-nav{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.15rem;transition:all .18s;display:flex}.btn-month-nav:hover{background:#ffffff24}.payout-month-display{align-items:center;gap:.45rem;padding:.2rem .5rem;display:flex}.payout-cal-icon{font-size:1rem}.payout-month-text{color:#fff;letter-spacing:-.01em;font-size:.95rem;font-weight:700}.current-month-badge{color:#60a5fa;text-transform:uppercase;letter-spacing:.04em;background:#3b82f62e;border:1px solid #3b82f64d;border-radius:6px;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.btn-jump-current{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:7px;padding:.28rem .55rem;font-size:.72rem;font-weight:600;transition:all .15s}.btn-jump-current:hover{color:#fff;background:#ffffff1f}.payout-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=768px){.payout-stats-grid{grid-template-columns:repeat(4,1fr)}}.payout-stat-card{background:#15161e;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.35rem;padding:.85rem .9rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0003}.payout-stat-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.payout-stat-card.card-budget:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.payout-stat-card.card-paid:before{background:linear-gradient(90deg,#059669,#34d399)}.payout-stat-card.card-remaining:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.payout-stat-card.card-total:before{background:linear-gradient(90deg,#7c3aed,#a855f7)}.stat-card-top{align-items:center;gap:.35rem;display:flex}.stat-icon{font-size:.9rem}.stat-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.stat-large-val{color:#fff;letter-spacing:-.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.25rem;font-weight:800}.stat-sub-text{color:#64748b;font-size:.7rem;line-height:1.2}.stat-sub-breakdown{align-items:center;gap:.45rem;font-size:.68rem;font-weight:600;display:flex}.breakdown-cash{color:#34d399}.breakdown-upi{color:#c084fc}.payout-nav-pills-bar{background:#111218;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:.45rem;padding:.3rem;display:flex}.payout-pill-btn{color:#94a3b8;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:9px;flex:1;padding:.55rem .75rem;font-size:.84rem;font-weight:700;transition:all .18s}.payout-pill-btn:hover{color:#fff}.payout-pill-btn.active{color:#fff;background:#ffffff17;box-shadow:0 2px 8px #00000040}.payout-filter-row{flex-direction:column;gap:.6rem;display:flex}.payout-search-box{background:#15161e;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.5rem;padding:.45rem .75rem;display:flex}.payout-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.payout-search-input::placeholder{color:#64748b}.btn-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:.85rem}.payout-quick-filter-chips{-webkit-overflow-scrolling:touch;align-items:center;gap:.4rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.filter-chip{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#15161e;border:1px solid #ffffff12;border-radius:20px;padding:.32rem .7rem;font-size:.76rem;font-weight:600;transition:all .15s}.filter-chip:hover{color:#fff;border-color:#ffffff26}.filter-chip.active{color:#60a5fa;background:#3b82f626;border-color:#3b82f666}.staff-salary-cards-list{flex-direction:column;gap:.85rem;display:flex}.staff-salary-card{background:#15161e;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.8rem;padding:.95rem 1rem;transition:all .18s;display:flex;box-shadow:0 4px 14px #0003}.staff-salary-card:hover{background:#181a24;border-color:#ffffff24}.staff-salary-card.inactive-staff{opacity:.65;filter:grayscale(.2)}.salary-card-header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.staff-identity-group{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.staff-avatar-circle{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.05rem;font-weight:700;display:flex}.avatar-profile{color:#34d399;background:#10b98129;border:1px solid #10b9814d}.avatar-account{color:#60a5fa;background:#3b82f629;border:1px solid #3b82f64d}.staff-name-col{flex-direction:column;gap:.15rem;min-width:0;display:flex}.name-and-tags-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.staff-name-bold{color:#fff;font-size:.96rem;font-weight:700}.tag-profile,.tag-account,.tag-inactive{white-space:nowrap;border-radius:5px;padding:.12rem .42rem;font-size:.66rem;font-weight:700}.tag-profile{color:#34d399;background:#10b98124;border:1px solid #10b98140}.tag-account{color:#60a5fa;background:#3b82f624;border:1px solid #3b82f640}.tag-inactive{color:#94a3b8;background:#64748b26;border:1px solid #64748b40}.staff-salary-subline{color:#94a3b8;font-size:.74rem}.no-salary-tag{color:#64748b;font-style:italic}.btn-card-action.btn-set-salary{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:.32rem .65rem;font-size:.74rem;font-weight:600;transition:all .15s}.btn-card-action.btn-set-salary:hover{color:#fff;background:#ffffff1f}.salary-metrics-grid{background:#1b1c26;border:1px solid #ffffff0d;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:.45rem;padding:.65rem .5rem;display:grid}.salary-metric-cell{text-align:center;flex-direction:column;align-items:center;gap:.15rem;display:flex}.salary-metric-cell .metric-tag{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:.65rem;font-weight:600}.salary-metric-cell .metric-val{color:#fff;font-size:.92rem;font-weight:700}.text-overpaid{color:#a855f7!important}.text-warning{color:#fbbf24!important}.text-settled{color:#34d399!important}.salary-card-footer{align-items:center;gap:.55rem;display:flex}.btn-payout-footer{cursor:pointer;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.52rem .75rem;font-size:.82rem;font-weight:700;transition:all .18s;display:inline-flex}.btn-record-pay{color:#34d399;background:#10b98126;border:1px solid #10b98159}.btn-record-pay:hover:not(:disabled){color:#fff;background:#10b981;border-color:#10b981}.btn-record-pay:disabled{opacity:.4;cursor:not-allowed}.btn-view-history{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a}.btn-view-history:hover{color:#fff;background:#ffffff1a}.history-filter-bar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.65rem;display:flex}.filter-label{color:#94a3b8;font-size:.78rem;font-weight:600}.payout-history-table-wrapper{background:#15161e;border:1px solid #ffffff14;border-radius:14px;overflow-x:auto;box-shadow:0 4px 14px #0003}.payout-history-table{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.payout-history-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;background:#1b1c26;border-bottom:1px solid #ffffff0f;padding:.65rem .85rem;font-size:.68rem;font-weight:700}.payout-history-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:.75rem .85rem}.payout-history-table tbody tr:hover{background:#ffffff05}.payout-history-table tr.row-voided td{background:#ef44440a}.staff-cell{flex-direction:column;gap:.1rem;display:flex}.staff-name-link{color:#fff}.staff-type-sub{color:#64748b;font-size:.68rem}.purpose-tag{text-transform:uppercase;letter-spacing:.03em;border-radius:5px;padding:.16rem .48rem;font-size:.68rem;font-weight:700;display:inline-block}.purpose-tag.tag-salary{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.purpose-tag.tag-advance{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.purpose-tag.tag-bonus{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.purpose-tag.tag-other{color:#cbd5e1;background:#64748b26;border:1px solid #64748b4d}.method-badge{border-radius:5px;padding:.16rem .45rem;font-size:.68rem;font-weight:700;display:inline-block}.method-badge.badge-cash{color:#34d399;background:#10b9811f}.method-badge.badge-upi{color:#d8b4fe;background:#c084fc1f}.text-strikethrough{opacity:.6;text-decoration:line-through}.void-pill{color:#ef4444;background:#ef444433;border-radius:4px;margin-left:.35rem;padding:.1rem .32rem;font-size:.62rem;font-weight:800;display:inline-block}.edited-pill{color:#60a5fa;background:#3b82f62e;border-radius:4px;margin-left:.35rem;padding:.1rem .32rem;font-size:.62rem;font-weight:800;display:inline-block}.period-chip{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff14;border-radius:5px;padding:.18rem .48rem;font-family:ui-monospace,monospace;font-size:.72rem}.unallocated-chip{color:#64748b;font-size:.72rem;font-style:italic}.table-actions-inline{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.btn-table-edit,.btn-table-void{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:.22rem .55rem;font-size:.72rem;font-weight:600;transition:all .15s}.btn-table-edit:hover{color:#60a5fa;background:#3b82f633;border-color:#3b82f666}.btn-table-void:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.void-reason-text{color:#ef4444;font-size:.72rem;font-style:italic}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;-webkit-overflow-scrolling:touch;box-sizing:border-box;background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{-webkit-overflow-scrolling:touch;box-sizing:border-box;background:#15161e;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:1rem;width:100%;max-width:520px;max-height:calc(100dvh - 2rem);padding:1.25rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 16px 40px #00000080}.staff-details-modal{max-width:600px}.modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:.75rem;padding-bottom:.65rem;display:flex}.modal-title{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;font-size:.95rem;transition:all .15s;display:flex}.modal-close-btn:hover{color:#fff;background:#ffffff26}.details-header-info{flex-direction:column;gap:.25rem;display:flex}.details-tags-line{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.details-summary-banner{text-align:center;background:#1b1c26;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem .6rem;display:grid}.summary-banner-col{flex-direction:column;gap:.2rem;display:flex}.banner-label{color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:600}.banner-val{color:#fff;font-size:1rem;font-weight:700}.details-action-buttons-row{gap:.6rem;margin-top:.85rem;margin-bottom:1rem;display:flex}.details-action-buttons-row .btn{flex:1;padding:.55rem .75rem;font-size:.84rem}.section-subtitle-heading{color:#fff;margin:0 0 .65rem;font-size:.88rem;font-weight:700}.staff-payouts-cards-list{flex-direction:column;gap:.65rem;display:flex}.individual-payout-card{background:#1b1c26;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:.45rem;padding:.8rem .9rem;display:flex}.individual-payout-card.card-voided{background:#ef444408;border-color:#ef444440}.payout-card-top-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.payout-badges-left{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.edited-audit-btn{color:#60a5fa;cursor:pointer;background:#3b82f626;border:1px solid #3b82f64d;border-radius:4px;padding:.12rem .38rem;font-size:.64rem;font-weight:700}.edited-audit-btn:hover{background:#3b82f640}.payout-card-meta-line{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.72rem;display:flex}.creator-tag{color:#64748b}.payout-note-text{color:#cbd5e1;background:#ffffff08;border-left:2px solid #38bdf8;border-radius:4px;padding:.3rem .5rem;font-size:.76rem}.payout-void-reason-box{color:#ef4444;background:#ef444414;border:1px solid #ef444433;border-radius:6px;padding:.35rem .5rem;font-size:.72rem}.payout-card-actions-bar{border-top:1px solid #ffffff0a;justify-content:flex-end;align-items:center;gap:.45rem;padding-top:.4rem;display:flex}.btn-payout-edit,.btn-payout-void{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.28rem .6rem;font-size:.74rem;font-weight:600;transition:all .15s}.btn-payout-edit:hover{color:#60a5fa;background:#3b82f62e;border-color:#3b82f659}.btn-payout-void:hover{color:#ef4444;background:#ef44442e;border-color:#ef444459}.payout-entry-form{flex-direction:column;gap:.9rem;display:flex}.form-row-split{gap:.65rem;display:flex}.flex-1{flex:1}.input-currency-wrapper{align-items:center;display:flex;position:relative}.currency-prefix{color:#94a3b8;pointer-events:none;font-size:1rem;font-weight:700;position:absolute;left:.85rem}.currency-input{font-family:ui-monospace,monospace;font-weight:700;padding-left:2rem!important;font-size:1rem!important}.dark-date,.dark-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.segmented-toggle-bar{background:#111218;border:1px solid #ffffff14;border-radius:9px;gap:.25rem;padding:.2rem;display:flex}.segmented-opt{color:#94a3b8;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:7px;flex:1;padding:.42rem .6rem;font-size:.82rem;font-weight:700;transition:all .15s}.segmented-opt.active{color:#fff;background:#ffffff1f}.purpose-options-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.purpose-choice-btn{text-align:left;cursor:pointer;background:#1b1c26;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.55rem .65rem;transition:all .15s;display:flex}.purpose-choice-btn .choice-icon{font-size:1.1rem}.purpose-choice-btn .choice-title{color:#fff;font-size:.84rem;font-weight:700}.purpose-choice-btn .choice-sub{color:#64748b;font-size:.66rem;line-height:1.2}.purpose-choice-btn:hover{background:#20222f;border-color:#ffffff2e}.purpose-choice-btn.active{background:#38bdf81a;border-color:#38bdf8}.purpose-choice-btn.active .choice-title{color:#38bdf8}.allocation-box{background:#3b82f60d;border:1px dashed #3b82f64d;border-radius:10px;padding:.75rem}.hint-text{color:#94a3b8;margin-top:.35rem;font-size:.7rem;line-height:1.3;display:block}.checkbox-label-row{color:#e2e8f0;cursor:pointer;align-items:center;gap:.55rem;font-size:.84rem;display:flex}.checkbox-label-row input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;width:16px;height:16px}.modal-actions-row{gap:.65rem;margin-top:.5rem;display:flex}.modal-actions-row .btn{flex:1}.confirmation-step-container{flex-direction:column;gap:.85rem;display:flex}.confirm-notice-box{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:10px;align-items:flex-start;gap:.6rem;padding:.75rem;display:flex}.confirm-notice-icon{font-size:1.2rem}.confirm-notice-text strong{color:#fbbf24;margin-bottom:.15rem;font-size:.86rem;display:block}.confirm-notice-text p{color:#e2e8f0;margin:0;font-size:.74rem}.confirm-summary-list{background:#1b1c26;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:.5rem;padding:.65rem .85rem;display:flex}.confirm-summary-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.4rem;font-size:.82rem;display:flex}.confirm-summary-row:last-child{border-bottom:none;padding-bottom:0}.summary-lbl{color:#94a3b8}.summary-val{color:#fff;text-align:right}.audit-warning-pill{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f640;border-radius:8px;padding:.5rem .75rem;font-size:.76rem}.void-warning-p{color:#e2e8f0;margin:0;font-size:.86rem;line-height:1.45}.salary-staff-info-box{background:#1b1c26;border:1px solid #ffffff0f;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:.85rem;padding:.6rem .8rem;font-size:.86rem;display:flex}.salary-staff-info-box .staff-lbl{color:#94a3b8}.salary-staff-info-box .staff-val{color:#fff}.audit-records-list{flex-direction:column;gap:.75rem;max-height:60vh;display:flex;overflow-y:auto}.audit-item-box{background:#1b1c26;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:.45rem;padding:.8rem .9rem;display:flex}.audit-item-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.audit-badge{border-radius:5px;padding:.15rem .45rem;font-size:.68rem;font-weight:800}.badge-edit{color:#60a5fa;background:#3b82f633}.badge-void{color:#ef4444;background:#ef444433}.audit-timestamp{color:#64748b;font-family:ui-monospace,monospace;font-size:.72rem}.audit-diff-row{align-items:center;gap:.45rem;font-size:.8rem;display:flex}.diff-lbl{color:#94a3b8;flex-shrink:0;width:65px}.diff-old{color:#ef4444;text-decoration:line-through}.diff-arrow{color:#64748b}.diff-new{color:#34d399;font-weight:700}.audit-reason-line{color:#fbbf24;background:#f59e0b14;border-radius:5px;padding:.3rem .5rem;font-size:.76rem}.audit-editor-tag{color:#64748b;text-align:right;font-size:.7rem}.staff-custom-select-group{z-index:40;position:relative}.staff-dropdown-container{width:100%;position:relative}.staff-dropdown-trigger{color:#fff;cursor:pointer;box-sizing:border-box;text-align:left;background:#111827;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.6rem .85rem;transition:all .18s;display:flex}.staff-dropdown-trigger:hover{background:#172236;border-color:#ffffff38}.staff-dropdown-trigger.open{background:#131c2e;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.staff-dropdown-selected-content{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.staff-dropdown-mini-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 2px 6px #0000004d}.staff-dropdown-selected-info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.staff-dropdown-selected-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.staff-dropdown-selected-sub{color:#94a3b8;font-size:.75rem}.staff-dropdown-placeholder{color:#64748b;font-size:.9rem}.staff-dropdown-chevron{color:#94a3b8;flex-shrink:0;transition:transform .2s}.staff-dropdown-chevron.chevron-up{color:#3b82f6;transform:rotate(180deg)}.staff-dropdown-menu{z-index:100;box-sizing:border-box;background:#141c2c;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:.25rem;max-height:220px;padding:.35rem;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 34px #0009}.staff-dropdown-empty{text-align:center;color:#94a3b8;padding:1rem;font-size:.85rem}.staff-dropdown-option{cursor:pointer;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .65rem;transition:all .15s;display:flex}.staff-dropdown-option:hover{background:#2563eb26}.staff-dropdown-option.selected{background:#2563eb38;border-left:3px solid #3b82f6}.staff-dropdown-option-left{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.staff-dropdown-option-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.staff-dropdown-opt-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.staff-dropdown-opt-type{color:#94a3b8;font-size:.72rem}.staff-dropdown-option-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.staff-dropdown-salary-pill{border-radius:6px;padding:.2rem .5rem;font-size:.72rem;font-weight:600;line-height:1}.staff-dropdown-salary-pill.has-sal{color:#34d399;background:#10b98126;border:1px solid #10b98140}.staff-dropdown-salary-pill.no-sal{color:#94a3b8;background:#94a3b81a}.opt-check-icon{flex-shrink:0}.employee-salary-container{padding-bottom:2rem}.employee-month-nav-bar{align-items:center;gap:.5rem;width:100%;margin-top:.65rem;display:flex}.month-nav-arrow-btn{color:#cbd5e1;cursor:pointer;background:#1b1c26;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.3rem;font-weight:700;transition:all .15s;display:flex}.month-nav-arrow-btn:hover{color:#fff;background:#3b82f626;border-color:#3b82f659}.employee-month-pill{cursor:pointer;flex:1;justify-content:space-between;align-items:center;height:38px;padding:0 .85rem;display:flex}.employee-salary-summary-banner{background:#141622;border:1px solid #ffffff14;margin-top:.85rem;box-shadow:0 4px 14px #00000040}.summary-col-subtext{color:#64748b;margin-top:.1rem;font-size:.65rem}.salary-progress-wrapper{background:#1b1c26;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:.45rem;margin-top:.75rem;padding:.75rem .9rem;display:flex}.salary-progress-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.progress-info-text{color:#cbd5e1;font-size:.78rem}.progress-info-text strong{color:#38bdf8}.progress-status-pill{border-radius:999px;padding:.15rem .5rem;font-size:.68rem;font-weight:700;line-height:1.3}.progress-status-pill.pill-settled{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.progress-status-pill.pill-pending{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.progress-status-pill.pill-overpaid{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.salary-progress-track{background:#ffffff0f;border-radius:999px;width:100%;height:7px;overflow:hidden}.salary-progress-fill{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:999px;height:100%;transition:width .35s}.salary-progress-fill.fill-complete{background:linear-gradient(90deg,#10b981,#34d399)}.read-only-notice-banner{color:#94a3b8;background:#1e293b80;border:1px dashed #94a3b833;border-radius:10px;align-items:center;gap:.6rem;margin-top:.75rem;padding:.6rem .8rem;font-size:.74rem;line-height:1.35;display:flex}.read-only-notice-banner .notice-icon{flex-shrink:0;font-size:1rem}.read-only-notice-banner strong{color:#e2e8f0}.employee-payouts-history-section{margin-top:1.1rem}.history-section-header{justify-content:space-between;align-items:center;display:flex}.profile-quick-action-card{cursor:pointer;background:#1b1c26;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;margin-top:1rem;padding:.9rem 1rem;transition:all .2s;display:flex}.profile-quick-action-card:hover{background:#232534;border-color:#3b82f659;transform:translateY(-1px)}.quick-action-left{align-items:center;gap:.85rem;display:flex}.quick-action-icon{background:#3b82f61f;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;display:flex}.quick-action-title{color:#fff;margin:0 0 .15rem;font-size:.95rem;font-weight:700}.quick-action-sub{color:#94a3b8;margin:0;font-size:.74rem}.quick-action-chevron{color:#64748b;font-size:1.4rem;font-weight:600}.subscription-grace-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#f59e0b2e,#d9770638);border:1px solid #f59e0b73;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;padding:.85rem 1rem;display:flex;box-shadow:0 4px 12px #f59e0b1f}.grace-banner-left{align-items:center;gap:.75rem;display:flex}.grace-banner-icon{font-size:1.35rem;line-height:1}.grace-banner-text{flex-direction:column;gap:.15rem;display:flex}.grace-banner-text strong{color:#fef08a;font-size:.88rem}.grace-banner-text span{color:#fde68a;font-size:.76rem;line-height:1.3}.btn-grace-renew{color:#000;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;padding:.45rem .85rem;font-size:.82rem;font-weight:700;transition:background .15s,transform .1s}.btn-grace-renew:hover{background:#d97706;transform:translateY(-1px)}.subscription-pending-activation-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#4f46e52e,#1e1b4ba6);border:1px solid #6366f173;flex-direction:column;gap:.85rem;margin-bottom:1rem;padding:1rem 1.1rem;display:flex;box-shadow:0 4px 18px #4f46e52e}.pending-activation-card-top{align-items:flex-start;gap:.75rem;display:flex}.pending-activation-icon-box{background:#6366f138;border:1px solid #6366f166;border-radius:10px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:1.25rem;line-height:1;display:flex}.pending-activation-info{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.pending-activation-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pending-activation-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:.94rem;font-weight:700}.pending-activation-tag{color:#34d399;white-space:nowrap;background:#10b98133;border:1px solid #10b98166;border-radius:9999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.pending-activation-desc{color:#cbd5e1;margin:0;font-size:.81rem;line-height:1.45}.btn-activate-subscription{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;justify-content:center;align-items:center;gap:.45rem;width:100%;padding:.65rem 1rem;font-size:.88rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 3px 10px #4f46e559}.btn-activate-subscription:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 14px #4f46e573}.activate-arrow{font-size:1rem;transition:transform .15s}.btn-activate-subscription:hover .activate-arrow{transform:translate(3px)}.subscription-expired-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#ef44442e,#b91c1c40);border:1px solid #ef444473;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;padding:.85rem 1rem;display:flex;box-shadow:0 4px 12px #ef444426}.subscription-expired-banner .grace-banner-text strong{color:#fca5a5}.subscription-expired-banner .grace-banner-text span{color:#e2e8f0}.subscription-expired-banner.employee-notice{text-align:center;color:#fca5a5;justify-content:center;font-size:.82rem}.btn-expired-renew{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#ef4444;border:none;padding:.5rem .9rem;font-size:.82rem;font-weight:700;transition:background .15s,transform .1s}.btn-expired-renew:hover{background:#dc2626;transform:translateY(-1px)}.owner-overview-locked-card{background:var(--bg-surface-elevated);border-radius:var(--radius-md);text-align:center;border:1px dashed #ef444466;flex-direction:column;align-items:center;gap:.5rem;margin:.5rem 0 1rem;padding:1.5rem 1rem;display:flex}.owner-overview-locked-card.overview-pending-card{background:linear-gradient(#4f46e514,#18181bf2);border:1px dashed #6366f180}.owner-overview-locked-card.overview-pending-card .locked-title{color:#a5b4fc}.btn-locked-renew.btn-locked-activate{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 2px 8px #4f46e559}.btn-locked-renew.btn-locked-activate:hover{background:linear-gradient(135deg,#4338ca,#4f46e5)}.locked-icon{font-size:2rem}.locked-title{color:#f87171;margin:0;font-size:1.05rem;font-weight:700}.locked-desc{color:var(--text-secondary);max-width:320px;margin:0;font-size:.82rem;line-height:1.4}.btn-locked-renew{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#3b82f6;border:none;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-locked-renew:hover{background:#2563eb}.sub-manager-container{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;max-width:480px;margin:0 auto;padding:.5rem 0 2rem;display:flex}.sub-manager-container.loading-container{justify-content:center;align-items:center;min-height:50vh}.sub-manager-header{justify-content:space-between;align-items:center;padding:.25rem .25rem .5rem;display:flex}.sub-header-left{align-items:center;gap:.75rem;display:flex}.btn-back-sub{background:var(--bg-surface-elevated);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:flex}.btn-back-sub:hover{background:var(--border)}.sub-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:800}.sub-subtitle{color:var(--text-muted);margin:.1rem 0 0;font-size:.8rem}.sub-alert{border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.85rem}.sub-status-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.85rem;min-height:fit-content;padding:1.25rem;display:flex;position:relative;overflow:visible}.sub-status-card.status-active{border-color:#10b98166;box-shadow:0 4px 15px #10b98114}.sub-status-card.status-grace_period{border-color:#f59e0b66;box-shadow:0 4px 15px #f59e0b14}.sub-status-card.status-trial{border-color:#3b82f666;box-shadow:0 4px 15px #3b82f614}.sub-status-card.status-pending_activation{border-color:#6366f173;box-shadow:0 4px 15px #6366f11f}.sub-status-card.status-expired{border-color:#ef444466;box-shadow:0 4px 15px #ef444414}.sub-status-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.sub-status-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.78rem;font-weight:700}.sub-badge{border:1px solid #0000;border-radius:9999px;padding:.3rem .75rem;font-size:.8rem;font-weight:700}.badge-trial{color:#60a5fa;background:#3b82f626;border-color:#3b82f659}.badge-active{color:#34d399;background:#10b98126;border-color:#10b98159}.badge-grace_period{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b59}.badge-pending_activation{color:#a5b4fc;background:#6366f133;border-color:#6366f173}.badge-expired{color:#f87171;background:#ef444426;border-color:#ef444459}.sub-status-message{color:#fff;margin:0 0 1rem;font-size:.95rem;font-weight:600}.sub-dates-grid{background:var(--bg-surface-elevated);border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.85rem;display:grid}.sub-date-item{flex-direction:column;gap:.2rem;display:flex}.sub-date-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.sub-date-val{color:#fff;font-size:.88rem;font-weight:600}.sub-date-item.grace-warning .sub-date-val{color:#fbbf24}.sub-readonly-notice,.sub-grace-notice{border-radius:var(--radius-sm);margin-top:.85rem;padding:.65rem .85rem;font-size:.8rem;line-height:1.35}.sub-readonly-notice{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.sub-grace-notice{color:#fde68a;background:#f59e0b1f;border:1px solid #f59e0b4d}.sub-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:.85rem;width:100%;min-height:fit-content;padding:1.25rem;display:flex}.sub-card-header{align-items:center;gap:.75rem;display:flex}.sub-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.sub-card-icon.gold{background:#f59e0b26;border:1px solid #f59e0b4d}.sub-card-icon.green{background:#10b98126;border:1px solid #10b9814d}.sub-card-icon.blue{background:#3b82f626;border:1px solid #3b82f64d}.sub-card-icon.muted{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b840}.sub-card-title{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.sub-card-sub{color:var(--text-muted);margin:.15rem 0 0;font-size:.78rem}.referral-box-row{border-radius:var(--radius-md);background:#09090b;border:1px solid #27272a;align-items:center;gap:.65rem;padding:.6rem .85rem;display:flex}.referral-code-display{flex:1}.referral-code-text{letter-spacing:.08em;color:#f59e0b;font-family:monospace;font-size:1.25rem;font-weight:800}.btn-copy-code{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#27272a;border:1px solid #3f3f46;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s}.btn-copy-code:hover{background:#3f3f46}.btn-copy-code.copied{color:#000;background:#10b981;border-color:#10b981}.referral-card-locked{border-color:#94a3b833}.referral-locked-banner{border-radius:var(--radius-md);background:#09090b;border:1px dashed #3f3f46;flex-direction:column;gap:.65rem;padding:.9rem 1rem;display:flex}.referral-locked-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.referral-locked-mask{letter-spacing:.12em;color:#52525b;-webkit-user-select:none;user-select:none;font-family:monospace;font-size:1.15rem;font-weight:800}.referral-locked-badge{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:9999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.referral-locked-message{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.45}.btn-scroll-checkout{color:#fbbf24;border-radius:var(--radius-sm);cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b66;align-self:flex-start;padding:.45rem .85rem;font-size:.8rem;font-weight:700;transition:all .15s}.btn-scroll-checkout:hover{color:#fef08a;background:#f59e0b40}.referral-rules-list{color:var(--text-secondary);flex-direction:column;gap:.45rem;font-size:.78rem;line-height:1.35;display:flex}.rule-item{align-items:flex-start;gap:.45rem;display:flex}.rule-bullet{color:#f59e0b;font-weight:900}.credits-summary-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.credit-balance-box,.credit-monthly-box{background:var(--bg-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:.85rem;display:flex}.credit-balance-label,.credit-monthly-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.credit-balance-amount{color:#34d399;font-family:monospace;font-size:1.35rem;font-weight:800}.credit-monthly-count{color:var(--text-secondary);font-size:.82rem;line-height:1.3}.rewards-history-section{flex-direction:column;gap:.5rem;display:flex}.rewards-section-title{color:var(--text-secondary);margin:0;font-size:.88rem;font-weight:700}.rewards-table-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.rewards-table{border-collapse:collapse;width:100%;font-size:.8rem}.rewards-table th{background:var(--bg-surface-elevated);color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);padding:.6rem .75rem;font-weight:600}.rewards-table td{color:#fff;border-bottom:1px solid #ffffff0d;padding:.6rem .75rem}.referred-shop-name{font-weight:600;display:block}.referred-shop-code{color:var(--text-muted);font-family:monospace;font-size:.72rem;display:block}.reward-status-pill{text-transform:capitalize;border-radius:9999px;padding:.2rem .5rem;font-size:.72rem;font-weight:600}.pill-awarded{color:#34d399;background:#10b98126}.pill-failed{color:#f87171;background:#ef444426}.no-rewards-msg{color:var(--text-muted);margin:.25rem 0;font-size:.8rem;font-style:italic}.payment-history-list{flex-direction:column;gap:.65rem;display:flex}.payment-history-item{background:#ffffff06;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:.6rem;padding:.85rem 1rem;transition:all .15s;display:flex}.payment-history-item:hover{background:#ffffff0a;border-color:#ffffff1a}.pmt-item-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.pmt-item-datetime{flex-direction:column;gap:.15rem;display:flex}.pmt-item-date{color:#f8fafc;letter-spacing:-.01em;font-size:.95rem;font-weight:700}.pmt-item-time{color:#94a3b8;font-size:.78rem;font-weight:400}.pmt-item-amount{color:#f8fafc;text-align:right;letter-spacing:-.01em;font-family:monospace;font-size:1.05rem;font-weight:700}.pmt-item-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pmt-item-period{color:#94a3b8;align-items:center;gap:.45rem;font-size:.8rem;display:flex}.pmt-period-icon{color:#64748b;flex-shrink:0}.pmt-status-pill{border-radius:9999px;flex-shrink:0;align-items:center;gap:.45rem;padding:.25rem .7rem;font-size:.76rem;font-weight:600;line-height:1;display:inline-flex}.pmt-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.pmt-status-success{color:#34d399;background:#10b9811f;border:1px solid #10b98147}.pmt-status-success .pmt-status-dot{background:#10b981;box-shadow:0 0 6px #10b98199}.pmt-status-failed{color:#f87171;background:#ef44441f;border:1px solid #ef444447}.pmt-status-failed .pmt-status-dot{background:#ef4444;box-shadow:0 0 6px #ef444499}.pmt-status-neutral{color:#cbd5e1;background:#94a3b81f;border:1px solid #94a3b847}.pmt-status-neutral .pmt-status-dot{background:#94a3b8}.checkout-summary-box{background:var(--bg-surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.65rem;padding:1rem;display:flex}.checkout-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.checkout-credits-toggle{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff14;margin:.25rem 0;padding:.65rem .75rem}.credit-checkbox-label{cursor:pointer;color:#fff;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.checkout-divider{background:var(--border);height:1px;margin:.25rem 0}.checkout-total-row{color:#fff;font-size:1.05rem;font-weight:800}.total-amount{color:#fbbf24;font-size:1.35rem}.checkout-projected-date{color:#93c5fd;text-align:right;font-size:.78rem}.simulation-controls-box{border-radius:var(--radius-md);background:#1e293b80;border:1px dashed #94a3b866;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.simulation-notice-badge{flex-direction:column;gap:.2rem;display:flex}.sim-badge-tag{color:#94a3b8;letter-spacing:.06em;background:#334155;border-radius:4px;align-self:flex-start;padding:.2rem .5rem;font-size:.68rem;font-weight:800}.sim-badge-desc{color:#cbd5e1;margin:0;font-size:.8rem;font-weight:500}.sim-buttons-row{flex-direction:column;gap:.5rem;display:flex}.btn-simulate-success{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;padding:.75rem;font-size:.9rem;font-weight:700;transition:transform .1s,filter .15s}.btn-simulate-success:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-simulate-failed{color:#f87171;border-radius:var(--radius-sm);cursor:pointer;background:#27272a;border:1px solid #ef444466;padding:.65rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-simulate-failed:hover{background:#ef444426}.sim-footnote{color:#94a3b8;font-size:.72rem;line-height:1.35}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}@media screen and (width<=768px){input[type=text],input[type=tel],input[type=number],input[type=password],input[type=date],input[type=month],select,textarea{font-size:16px!important}}@media (width<=360px){.app-container:not(.authenticated-app-container){padding:.85rem .65rem 1.75rem!important}.tab-content-area{padding:.4rem .65rem calc(env(safe-area-inset-bottom,0px) + 68px) .65rem!important}.auth-card{border-radius:12px!important;padding:1rem .75rem!important}.brand-header{margin-bottom:1.15rem!important}.brand-logo{font-size:1.75rem!important}.brand-title{font-size:1.65rem!important}.brand-subtitle{font-size:.8rem!important}.auth-tab{padding:.6rem .35rem!important;font-size:.82rem!important}.phone-prefix{padding:.65rem .55rem .65rem .65rem!important;font-size:.88rem!important}.btn-check-referral{min-width:70px!important;padding:.65rem .75rem!important;font-size:.78rem!important}.mobile-app-header{padding:.6rem .65rem .4rem!important}.app-brand-name,.app-brand-logo{font-size:1.2rem!important}.bottom-nav-bar{height:58px!important;padding:0 .2rem!important}.nav-tab-item{gap:2px!important;padding:4px 0!important}.nav-tab-item svg{width:19px!important;height:19px!important}.nav-label{letter-spacing:-.02em!important;font-size:.63rem!important;line-height:1!important}.nav-tab-item.active:after{width:20px!important;height:2.5px!important;bottom:2px!important}.overview-grid-2x2,.owner-overview-grid-2x2{gap:.5rem!important;margin-bottom:.85rem!important}.overview-card,.owner-metric-card{gap:.4rem!important;padding:.7rem .55rem!important}.overview-icon-badge,.owner-metric-icon-box{width:28px!important;height:28px!important;font-size:.85rem!important}.overview-card-value,.owner-metric-value{letter-spacing:-.01em!important;font-size:1.12rem!important}.overview-card-label,.owner-metric-label{font-size:.68rem!important}.overview-section-title,.owner-section-title{font-size:.95rem!important}.modern-perf-table-wrapper{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto!important}.modern-perf-table{min-width:300px;font-size:.72rem!important}.modern-perf-table th{padding:.4rem .2rem!important;font-size:.64rem!important}.modern-perf-table td{padding:.5rem .2rem!important}.perf-name-text{font-size:.76rem!important}.my-bills-date-row{flex-wrap:wrap;gap:.35rem!important}.date-input-pill-box{gap:.45rem!important;padding:.45rem .6rem!important}.date-display-text{font-size:.78rem!important}.btn-today-pill{padding:.45rem .75rem!important;font-size:.75rem!important}.segmented-filter-bar{gap:.35rem!important}.segmented-filter-btn{padding:.45rem .25rem!important;font-size:.74rem!important}.staff-bill-card,.bill-modern-card{border-radius:12px!important;padding:.75rem .8rem!important}.staff-card-id,.bill-modern-id{font-size:.95rem!important}.staff-card-total,.bill-modern-total{font-size:1.05rem!important}.badge-pill{padding:.12rem .38rem!important;font-size:.62rem!important}.service-picker-row-card{gap:.45rem!important;padding:.55rem .65rem!important}.service-theme-badge{width:30px!important;height:30px!important;font-size:.95rem!important}.service-row-name{font-size:.82rem!important}.service-row-default{font-size:.68rem!important}.service-row-price-box{width:68px!important;padding:.3rem .4rem!important}.price-box-input{font-size:.82rem!important}.payment-choice-card{gap:.45rem!important;padding:.65rem .55rem!important}.payment-choice-icon-badge{width:26px!important;height:26px!important;font-size:.85rem!important}.payment-choice-label{font-size:.8rem!important}.total-amount-number{font-size:1.18rem!important}.service-card{padding:.8rem .85rem!important}.service-actions-row{gap:.45rem!important}.service-action-btn{padding:.45rem .75rem!important;font-size:.78rem!important}.staff-section-header{flex-direction:column!important;align-items:flex-start!important;gap:.65rem!important}.staff-header-actions{justify-content:flex-start!important;width:100%!important}.btn-payouts-shortcut,.btn-add-staff-header{padding:.45rem .75rem!important;font-size:.8rem!important}.staff-card{padding:.75rem .8rem!important}.staff-modal-card{padding:1rem .85rem!important}.payout-stats-grid{gap:.5rem!important}.payout-stat-card{padding:.7rem .65rem!important}.stat-large-val{font-size:1.08rem!important}.stat-title{font-size:.68rem!important}.card-metrics-row-ref{padding-top:.65rem!important}.card-metric-col-ref{padding-right:.35rem!important}.card-metric-col-ref:not(:first-child){padding-left:.35rem!important}.metric-label-ref{font-size:.66rem!important}.metric-val-ref{font-size:.88rem!important}.purpose-options-grid{grid-template-columns:1fr 1fr!important;gap:.4rem!important}.purpose-choice-btn{padding:.45rem .5rem!important}.purpose-choice-btn .choice-title{font-size:.78rem!important}.report-nav-pills-bar{margin-bottom:.85rem!important}.report-nav-pill{padding:.5rem .2rem!important;font-size:.78rem!important}.report-metrics-grid{gap:.5rem!important}.report-metric-card{padding:.75rem .65rem!important}.metric-large-number{font-size:1.15rem!important}.donut-content-layout{gap:.85rem!important;padding:.35rem 0!important}.donut-graphic-wrapper{width:105px!important;height:105px!important}.donut-total-val{font-size:.85rem!important}.legend-name,.legend-value-col{font-size:.78rem!important}.emp-card-metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:.45rem!important}.sub-status-card,.sub-card{border-radius:14px!important;padding:1rem .85rem!important}.referral-box-row{padding:.5rem .65rem!important}.referral-code-text{letter-spacing:.05em!important;font-size:1.05rem!important}.btn-copy-code{padding:.4rem .65rem!important;font-size:.76rem!important}.credit-balance-amount{font-size:1.15rem!important}.total-amount{font-size:1.18rem!important}.btn-simulate-success,.btn-simulate-failed{padding:.65rem .75rem!important;font-size:.82rem!important}.modal-card{border-radius:14px!important;padding:1rem .85rem!important}.modal-title{font-size:1.05rem!important}}@media (width>=361px) and (width<=480px){.app-container:not(.authenticated-app-container){padding:1.25rem .85rem 2rem}.tab-content-area{padding:.5rem .85rem calc(env(safe-area-inset-bottom,0px) + 74px) .85rem}.auth-card{padding:1.25rem}.brand-title{font-size:1.95rem}}@media (width>=640px){body{background-color:#0b0b0d}.dashboard-layout-container{min-height:100dvh;max-width:480px!important;margin:0 auto!important;box-shadow:0 0 60px #000000b3,0 0 0 1px #ffffff14!important}.app-container:not(.authenticated-app-container){background:0 0;max-width:440px;min-height:calc(100vh - 4rem);margin:2rem auto}.auth-card{box-shadow:0 20px 40px -10px #000000b3,0 0 0 1px #ffffff14}.bottom-nav-bar{border-left:1px solid #ffffff0f;border-right:1px solid #ffffff0f;max-width:480px!important;left:50%!important;transform:translate(-50%)!important}.mobile-app-header{border-left:1px solid #ffffff0f;border-right:1px solid #ffffff0f;max-width:480px!important;margin:0 auto!important}}@media (height<=520px){.modal-backdrop{-webkit-overflow-scrolling:touch;align-items:flex-start!important;padding:.5rem!important;overflow-y:auto!important}.modal-card,.staff-modal-card,.bill-details-modal,.shop-welcome-modal,.edit-bill-modal,.staff-details-modal{-webkit-overflow-scrolling:touch;gap:.75rem!important;max-height:calc(100dvh - 1rem)!important;margin:.25rem auto!important;padding:.85rem!important;overflow-y:auto!important}.modal-header{padding-bottom:.45rem!important}.modal-title{font-size:1.05rem!important}.brand-header{margin-bottom:.75rem!important}.brand-logo,.brand-title{font-size:1.5rem!important}.brand-subtitle{display:none}.auth-card{margin:.5rem auto!important;padding:.85rem 1rem!important}.auth-tabs{margin-bottom:.75rem!important}.auth-form{gap:.75rem!important}.profile-bottom-actions{padding-top:1rem!important}}.btn-three-dots{justify-content:center;align-items:center;min-width:38px;min-height:38px;display:inline-flex}.btn-remove-selected-trash{min-width:36px;min-height:36px;width:36px!important;height:36px!important}.btn-month-nav{width:36px!important;height:36px!important}.btn-copy-inline{min-height:28px;padding:.3rem .65rem}.checkbox-custom-container{margin:-6px;padding:6px}html,body,#root{max-width:100vw;overflow-x:hidden}.rewards-table-wrapper,.payout-history-table-wrapper,.chart-bars-track{-webkit-overflow-scrolling:touch}.shop-name-title,.perf-name-text,.service-row-name,.staff-name-text,.card-staff-name-ref,.payout-title-ref,.selected-item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}