@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Menlo", "Monaco", "Cascadia Code", monospace;--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: rgba(99, 102, 241, .12);--primary-glow: rgba(99, 102, 241, .35);--accent: #818cf8;--accent-light: rgba(129, 140, 248, .12);--success: #10b981;--success-light: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .12);--bg: #f4f4f5;--bg-card: #ffffff;--bg-elevated: #ffffff;--text: #09090b;--text-secondary: #71717a;--text-tertiary: #a1a1aa;--border: #e4e4e7;--border-hover: #d4d4d8;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 25px -3px rgba(0,0,0,.08), 0 4px 10px -4px rgba(0,0,0,.04);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 240px;--bottom-nav-height: 64px;--input-height: 44px;font-family:var(--font-sans);line-height:1.5;color:var(--text);background:var(--bg)}[data-theme=dark]{--bg: #09090b;--bg-card: #18181b;--bg-elevated: #27272a;--text: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--border: #27272a;--border-hover: #3f3f46;--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.4), 0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg: 0 10px 25px -3px rgba(0,0,0,.5), 0 4px 10px -4px rgba(0,0,0,.3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:var(--bg);-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:inherit;font-size:inherit}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-elevated) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:.5rem;border-radius:var(--radius-sm)}.skeleton-text.short{width:60%}.skeleton-card{height:80px;margin-bottom:var(--space-3);border-radius:var(--radius-lg)}.skeleton-stat{height:90px;border-radius:var(--radius-lg)}.loading-skeleton{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) 0}.app{min-height:100vh;display:flex;flex-direction:column}.app-body{display:flex;flex:1;padding-bottom:var(--bottom-nav-height)}@media(min-width:769px){.app-body{padding-bottom:0}}.sidebar{width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border);padding:var(--space-4) 0;display:none;flex-direction:column}@media(min-width:769px){.sidebar{display:flex}}.sidebar-brand{padding:var(--space-3) var(--space-5) var(--space-6);font-size:1.25rem;font-weight:800;color:var(--primary);letter-spacing:-.02em}.sidebar-nav{flex:1;padding:0 var(--space-3)}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;color:var(--text-secondary);font-weight:500;border:none;background:none;width:100%;text-align:left;font-size:.9375rem;border-radius:var(--radius-md);transition:all .15s var(--ease-out-expo);margin-bottom:2px}.sidebar-item:hover{background:var(--primary-light);color:var(--text)}.sidebar-item.active{color:var(--accent, var(--primary));background:var(--accent-light, var(--primary-light));font-weight:600}.sidebar-submenu{max-height:0;overflow:hidden;transition:max-height .25s ease;padding-left:12px}.sidebar-submenu.open{max-height:400px}.sidebar-subitem{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;color:var(--text-secondary);font-size:13px;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.sidebar-subitem:hover{background:var(--hover);color:var(--text)}.sidebar-subitem.active{color:var(--accent, var(--primary));background:var(--accent-light, var(--primary-light));font-weight:600}.sidebar-submenu-nested{padding-left:12px}.sidebar-submenu-nested .sidebar-subitem-nested{font-size:12px;padding:6px 10px}.sidebar-submenu.open{max-height:800px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:rgba(from var(--bg-card) r g b / .8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--border);display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}@media(min-width:769px){.bottom-nav{display:none}}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2) 0;gap:2px;cursor:pointer;border:none;background:none;color:var(--text-tertiary);font-size:.625rem;font-weight:500;transition:color .15s;min-height:48px;min-width:48px}.bottom-nav-item .icon{font-size:1.25rem}.bottom-nav-item.active{color:var(--accent, var(--primary));font-weight:700;background:var(--accent-light, var(--primary-light));border-radius:var(--radius-md)}.main-content{flex:1;padding:var(--space-4);max-width:1400px;margin:0 auto;width:100%}@media(min-width:769px){.main-content{padding:var(--space-6) var(--space-8)}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.page-header h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.sidebar-user{padding:.75rem 1rem;border-top:1px solid var(--border);overflow:hidden}.sidebar-user-name{font-weight:600;font-size:.8125rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(display-mode:standalone){.pwa-install-banner{display:none}}body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)}.btn{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .15s var(--ease-out-expo);font-size:.9375rem;min-height:var(--input-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{box-shadow:0 4px 12px #10b98159}.btn-warning{background:var(--warning);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{box-shadow:0 4px 12px #ef444459}.btn-outline{background:transparent;border:1px solid var(--accent, #818cf8);color:var(--accent, #818cf8)}.btn-outline:hover{background:var(--accent-light, rgba(129,140,248,.12));border-color:var(--accent, #818cf8)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem;height:34px;min-height:34px}.btn-block{width:100%}.btn-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out-expo),box-shadow .2s var(--ease-out-expo);animation:fadeInUp .4s var(--ease-out-expo) both}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-title{font-weight:600;margin-bottom:var(--space-1)}.card-subtitle{font-size:.8125rem;color:var(--text-secondary)}.card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.card:nth-child(1){animation-delay:0ms}.card:nth-child(2){animation-delay:40ms}.card:nth-child(3){animation-delay:80ms}.card:nth-child(4){animation-delay:.12s}.card:nth-child(5){animation-delay:.16s}.card:nth-child(6){animation-delay:.2s}.card:nth-child(7){animation-delay:.24s}.card:nth-child(8){animation-delay:.28s}.card:nth-child(9){animation-delay:.32s}.card:nth-child(10){animation-delay:.36s}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;animation:fadeInUp .4s var(--ease-out-expo) both}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#a78bfa);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat-card .label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-card .value{font-size:1.75rem;font-weight:800;margin-top:var(--space-1);letter-spacing:-.02em}.badge{display:inline-block;padding:.125rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;border:1px solid transparent}.badge-new{background:#6366f11f;color:#6366f1;border-color:#6366f133}.badge-in_progress{background:var(--warning-light);color:#d97706;border-color:#f59e0b33}.badge-completed{background:var(--success-light);color:#059669;border-color:#10b98133}.badge-waiting{background:#a855f71f;color:#7c3aed;border-color:#a855f733}.badge-invoiced{background:#71717a1f;color:var(--text-secondary);border-color:#71717a33}.status-select{appearance:none;-webkit-appearance:none;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);font-size:.75rem;font-weight:600;cursor:pointer;min-height:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:24px}.status-select:disabled{opacity:.6;cursor:not-allowed}.badge-pending{background:var(--warning-light);color:#d97706;border-color:#f59e0b33}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:var(--space-1);color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font-size:.9375rem;min-height:var(--input-height);transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:flex;gap:var(--space-3)}.form-row .form-group{flex:1}.error-msg{color:var(--danger);font-size:.875rem;margin-top:var(--space-2)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeInUp .01s}.modal{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:scaleIn .25s var(--ease-out-expo)}@media(max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh;padding-top:var(--space-3);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));animation:slideInFromBottom .3s var(--ease-out-expo)}.modal:before{content:"";display:block;width:36px;height:4px;background:var(--border-hover);border-radius:var(--radius-full);margin:0 auto var(--space-4)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.modal-header h3{font-size:1.25rem;font-weight:700;margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-secondary, rgba(0,0,0,.06));border-radius:var(--radius-full, 50%);font-size:1rem;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.modal-close:hover{background:var(--border-hover, rgba(0,0,0,.12));color:var(--text)}.modal-body{margin-bottom:var(--space-4)}.modal-footer{display:flex;gap:var(--space-2);justify-content:flex-end}.modal h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-4)}.modal-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4)}.timer-btn-discard{background:var(--danger, #ef4444)!important;color:#fff!important;border:none!important}.timer-btn-discard:active{opacity:.85}.timer-btn-continue{background:var(--primary)!important;color:#fff!important;border:none!important;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2}.timer-btn-continue:active{opacity:.85}.timer-btn-sub{font-size:.6875rem;font-weight:400;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:5em}.timer-btn-save{background:var(--success, #22c55e)!important;color:#fff!important;border:none!important}.timer-btn-save:active{opacity:.85}.filter-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.task-search-wrap{position:relative;margin-bottom:var(--space-3)}.task-search-wrap input{width:100%;padding:var(--space-2) var(--space-3);padding-right:120px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-card);color:var(--text)}.task-search-filters-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:600;color:var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none}.task-search-filters-btn.active{color:var(--text-secondary)}.task-search-clear-btn{position:absolute;right:55px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:600;color:var(--danger, #ef4444);cursor:pointer;-webkit-user-select:none;user-select:none}.clear-divider{color:var(--border);margin-right:2px}.task-adv-filters{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.adv-filter-row{display:flex;gap:var(--space-2)}.adv-filter-row .form-group{margin-bottom:var(--space-2)}.adv-filter-row .form-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:2px;display:block}.adv-filter-row input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;background:var(--bg-card);color:var(--text)}.filter-btn{padding:.375rem .75rem;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--text-secondary);transition:all .15s;min-height:34px}.filter-btn:active{transform:scale(.97)}.filter-btn.active{background:var(--accent, var(--primary));color:#fff;border-color:var(--accent, var(--primary))}.empty-state{text-align:center;padding:3rem var(--space-4);color:var(--text-secondary)}.empty-state .icon{font-size:2.5rem;margin-bottom:var(--space-2)}.suggestion-card{border-left:3px solid var(--warning)}.suggestion-timer{font-size:.875rem;color:var(--warning);font-weight:600}.favorites-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-6)}.fav-item{position:relative;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-2);min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center;font-weight:600;font-size:.75rem;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 1px #ffffff26,var(--shadow-sm);transition:transform .1s var(--ease-out-expo),box-shadow .1s;animation:fadeInUp .3s var(--ease-out-expo) both}.fav-item:hover{transform:scale(1.03);box-shadow:inset 0 1px 1px #ffffff26,var(--shadow-md)}.fav-item:active{transform:scale(.97)}.fav-item.fav-empty{background:var(--bg-card);border:2px dashed var(--border);box-shadow:none;font-weight:400}.fav-item[draggable=true]{cursor:grab}.fav-item[draggable=true]:active{cursor:grabbing}.fav-item.fav-drag-over{border:2px dashed var(--primary);transform:scale(1.05);transition:transform .15s,border-color .15s}.fav-item .fav-stock{font-size:.75rem;opacity:.85}.combobox-input{width:100%;padding:var(--space-2) var(--space-3);border:2px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;background:var(--bg-card);color:var(--text);min-height:42px}.combobox-input:focus{border-color:var(--primary);outline:none}.combobox-dropdown{position:absolute;left:0;right:0;top:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:200px;overflow-y:auto;z-index:200}.combobox-option{padding:var(--space-2) var(--space-3);cursor:pointer;font-size:.875rem;min-height:40px;display:flex;align-items:center}.combobox-option:hover{background:var(--bg-subtle)}.combobox-option.combobox-active{background:#6366f1;color:#fff}.combobox-option:active{background:var(--primary-light, var(--bg-subtle))}.btn-timer-toggle{width:56px;height:56px;min-width:56px;border:none;border-radius:var(--radius-lg);background:var(--success, #22c55e);color:#fff;font-size:1.25rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:background .15s,transform .1s;flex-shrink:0}.btn-timer-toggle:active{transform:scale(.95)}.btn-timer-toggle.running{background:var(--danger, #ef4444);animation:timerPulse 2s ease infinite}@keyframes timerPulse{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 8px #ef444400}}.timer-live{font-size:.5rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.time-stepper-section{margin-bottom:var(--space-3)}.time-stepper-section label{font-weight:600;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-1);display:block}.time-stepper{display:flex;align-items:center;gap:var(--space-2);justify-content:space-between}.time-stepper .btn{min-width:80px;min-height:44px}.time-stepper-value{font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums;text-align:center;flex:1;position:relative}.time-stepper-clickable{cursor:pointer;position:relative;overflow:hidden}.time-stepper-native-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}.time-stepper-duration{text-align:center;padding:var(--space-2) 0 var(--space-3);font-size:.9375rem;color:var(--text-secondary)}.time-expenses{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.time-expense-row{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px}.time-save-error{color:var(--danger, #ef4444);font-size:.875rem;font-weight:600;padding:var(--space-2);background:#ef44441a;border-radius:var(--radius-md);margin-bottom:var(--space-2)}.time-expense-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--primary);flex-shrink:0}.combobox-input.combobox-error{border-color:var(--danger, #ef4444);animation:comboShake .3s ease}@keyframes comboShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.combobox-error-msg{color:var(--danger, #ef4444);font-size:.75rem;font-weight:600;margin-top:var(--space-1)}.confirm-overlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;padding:var(--space-4)}.confirm-overlay.visible{opacity:1}.confirm-dialog{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5) var(--space-4);max-width:360px;width:100%;box-shadow:0 16px 48px #0003;transform:scale(.95);transition:transform .2s var(--ease-out-expo)}.confirm-overlay.visible .confirm-dialog{transform:scale(1)}.confirm-message{font-size:.9375rem;line-height:1.5;color:var(--text);margin:0 0 var(--space-4)}.confirm-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.confirm-actions .btn{min-width:80px;padding:10px 18px;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background .15s,opacity .15s}.confirm-actions .btn-secondary{background:var(--bg-subtle);color:var(--text)}.confirm-actions .btn-secondary:active{background:var(--border)}.confirm-actions .btn-primary{background:var(--primary);color:#fff}.confirm-actions .btn-primary:active{opacity:.85}.confirm-actions .btn-danger{background:var(--danger, #ef4444);color:#fff}.confirm-actions .btn-danger:active{opacity:.85}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.announcement-banner{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md, 8px);margin-bottom:.5rem;font-size:.875rem}.announcement-content{flex:1}.announcement-dismiss{border:none;background:none;font-size:1.125rem;cursor:pointer;padding:.25rem .5rem;opacity:.5;color:var(--text)}.announcement-dismiss:hover{opacity:1}.ios-switch{position:relative;display:inline-block;width:51px;height:31px;flex-shrink:0}.ios-switch input{opacity:0;width:0;height:0}.ios-slider{position:absolute;cursor:pointer;inset:0;background:var(--border, #e4e4e7);border-radius:31px;transition:background .3s}.ios-slider:before{content:"";position:absolute;height:27px;width:27px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 1px 3px #0003}.ios-switch input:checked+.ios-slider{background:var(--success, #10b981)}.ios-switch input:checked+.ios-slider:before{transform:translate(20px)}.rt-tab-edit{cursor:pointer;opacity:.4;font-size:14px;padding:4px;margin-left:4px;min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s}.rt-tab-edit:hover{opacity:1}.gps-nearby-banner{position:fixed;top:-80px;left:50%;transform:translate(-50%);z-index:10000;transition:top .4s cubic-bezier(.34,1.56,.64,1);max-width:480px;width:calc(100% - 32px)}.gps-nearby-banner.visible{top:16px}.gps-nearby-content{background:var(--bg-card, #fff);border:2px solid var(--primary, #6366f1);border-radius:var(--radius-lg, 12px);padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px #0000002e;font-size:.9rem}.gps-nearby-content span{flex:1}.gps-nearby-view{background:var(--primary, #6366f1);color:#fff;border:none;border-radius:var(--radius, 8px);padding:6px 14px;font-weight:600;cursor:pointer;font-size:.85rem;white-space:nowrap}.gps-nearby-dismiss{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-muted, #888);padding:4px;line-height:1}.btn-loading{opacity:.7;cursor:not-allowed!important;pointer-events:none}.btn-loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite;vertical-align:middle}@keyframes btn-spin{to{transform:rotate(360deg)}}.gps-autotimer-banner{position:fixed;bottom:-120px;left:50%;transform:translate(-50%);z-index:10000;transition:bottom .5s cubic-bezier(.34,1.56,.64,1);max-width:420px;width:calc(100% - 32px)}.gps-autotimer-banner.visible{bottom:80px}.gps-autotimer-content{background:var(--bg-card, #fff);border:2px solid #22c55e;border-radius:var(--radius-lg, 12px);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0003;font-size:.9rem}.gps-autotimer-icon{font-size:1.6rem;flex-shrink:0}.gps-autotimer-text{flex:1;display:flex;flex-direction:column;gap:2px;line-height:1.3}.gps-autotimer-text strong{font-size:.95rem}.gps-autotimer-text span{font-size:.82rem;color:var(--text-muted, #666)}.gps-autotimer-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.gps-autotimer-start{background:#22c55e;color:#fff;border:none;border-radius:var(--radius, 8px);padding:8px 16px;font-weight:600;cursor:pointer;font-size:.85rem;white-space:nowrap}.gps-autotimer-start:active{background:#16a34a}.gps-autotimer-dismiss{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-muted, #888);padding:4px;line-height:1}.gps-autotimer-pill{position:fixed;bottom:-50px;right:16px;z-index:9999;transition:bottom .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:8px;background:var(--bg-card, #fff);border:2px solid #22c55e;border-radius:999px;padding:8px 12px;box-shadow:0 4px 20px #00000026;font-size:.82rem;font-weight:500;white-space:nowrap}.gps-autotimer-pill.visible{bottom:80px}.gps-autotimer-pill span{max-width:180px;overflow:hidden;text-overflow:ellipsis}.gps-pill-start{background:#22c55e;color:#fff;border:none;border-radius:999px;padding:4px 12px;font-weight:600;cursor:pointer;font-size:.78rem}.gps-pill-start:active{background:#16a34a}.gps-pill-dismiss{background:none;border:none;font-size:.95rem;cursor:pointer;color:var(--text-muted, #888);padding:2px;line-height:1}.gps-overtime-banner{position:fixed;bottom:-120px;left:50%;transform:translate(-50%);z-index:10000;transition:bottom .5s cubic-bezier(.34,1.56,.64,1);max-width:420px;width:calc(100% - 32px)}.gps-overtime-banner.visible{bottom:80px}.gps-overtime-content{background:var(--bg-card, #fff);border:2px solid #f59e0b;border-radius:var(--radius-lg, 12px);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0003;font-size:.9rem}.gps-overtime-icon{font-size:1.6rem;flex-shrink:0}.gps-overtime-text{flex:1;display:flex;flex-direction:column;gap:2px;line-height:1.3}.gps-overtime-text strong{font-size:.95rem;color:#f59e0b}.gps-overtime-text span{font-size:.82rem;color:var(--text-muted, #666)}.gps-overtime-dismiss{background:#f59e0b;color:#fff;border:none;border-radius:var(--radius, 8px);padding:8px 16px;font-weight:600;cursor:pointer;font-size:.85rem;white-space:nowrap;flex-shrink:0}.gps-overtime-dismiss:active{background:#d97706}.pwa-install-banner{position:fixed;bottom:-100px;left:0;right:0;z-index:10000;padding:12px 16px;transition:bottom .3s ease;display:flex;justify-content:center}.pwa-install-banner.visible{bottom:80px}.pwa-install-content{display:flex;align-items:center;gap:12px;background:var(--surface, #1a1a2e);border:1px solid var(--border, #2a2a3e);border-radius:16px;padding:12px 16px;max-width:480px;width:100%;box-shadow:0 8px 32px #0006}.pwa-install-icon{font-size:28px;flex-shrink:0}.pwa-install-text{flex:1;display:flex;flex-direction:column;gap:2px}.pwa-install-text strong{font-size:14px;color:var(--text, #fff)}.pwa-install-text span{font-size:12px;color:var(--text-secondary, #888)}.pwa-install-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.pwa-install-btn{background:var(--primary, #6366f1);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.pwa-install-dismiss{background:none;border:none;color:var(--text-secondary, #888);font-size:18px;cursor:pointer;padding:4px}.notif-categories{display:flex;flex-direction:column;gap:2px}.notif-category-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border, #2a2a3e);cursor:pointer}.notif-category-row:last-child{border-bottom:none}.notif-category-info{display:flex;align-items:center;gap:10px;flex:1}.notif-category-icon{font-size:20px;width:28px;text-align:center;flex-shrink:0}.notif-category-label{font-size:13px;font-weight:600;color:var(--text, #fff)}.notif-category-desc{font-size:11px;color:var(--text-secondary, #888);margin-top:1px}.live-update-banner{position:fixed;top:-80px;left:50%;transform:translate(-50%);z-index:10001;transition:top .4s cubic-bezier(.34,1.56,.64,1);max-width:420px;width:calc(100% - 32px)}.live-update-banner.visible{top:16px}.live-update-content{background:var(--bg-card, #fff);border:2px solid var(--primary, #6366f1);border-radius:var(--radius-lg, 12px);padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px #0000002e;font-size:.9rem}.live-update-icon{font-size:1.5rem;flex-shrink:0}.live-update-text{flex:1;display:flex;flex-direction:column;gap:1px;line-height:1.3}.live-update-text strong{font-size:.9rem}.live-update-text span{font-size:.78rem;color:var(--text-secondary, #666)}.live-update-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.live-update-install{background:var(--primary, #6366f1);color:#fff;border:none;border-radius:var(--radius-md, 8px);padding:8px 16px;font-weight:600;cursor:pointer;font-size:.85rem;white-space:nowrap;min-height:44px}.live-update-install:active{opacity:.85}.live-update-dismiss{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-secondary, #888);padding:4px;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4);background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(139,92,246,.08) 0%,transparent 50%),var(--bg)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:fadeInUp .5s var(--ease-out-expo)}.login-brand{text-align:center;margin-bottom:var(--space-6)}.login-brand-icon{width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#a78bfa);border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-3);box-shadow:0 4px 16px var(--primary-glow)}.login-card h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:var(--space-1)}.login-card>p{color:var(--text-secondary);font-size:.875rem}.login-card .tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);background:var(--bg);border-radius:var(--radius-full);padding:3px}.login-card .tab{flex:1;padding:.5rem;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:.875rem;color:var(--text-secondary);border-radius:var(--radius-full);transition:all .2s var(--ease-out-expo)}.login-card .tab.active{background:var(--accent, var(--primary));color:#fff;box-shadow:var(--shadow-sm)}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.list-item:hover{background:var(--bg)}.list-item:last-child{border-bottom:none}.settings-layout{display:flex;gap:1.5rem;min-height:400px}.settings-nav{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:8px 12px;border:none;background:none;border-radius:var(--radius-md, 8px);font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background .15s,color .15s;white-space:nowrap}.settings-nav-item:hover{background:var(--hover, rgba(0,0,0,.04))}.settings-nav-item.active{background:var(--primary, #6366f1);color:#fff;font-weight:600}.settings-nav-divider{padding:16px 12px 6px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary, #94a3b8);border-top:1px solid var(--border, #e2e8f0);margin-top:8px}.settings-nav-arrow{margin-left:auto;font-size:.75rem;transition:transform .2s}.settings-nav-parent.open .settings-nav-arrow{transform:rotate(90deg)}.settings-nav-children{display:none;flex-direction:column;gap:2px}.settings-nav-children.open{display:flex}.settings-content{flex:1;min-width:0}@media(max-width:768px){.settings-layout{flex-direction:column;gap:.75rem}.settings-nav{width:100%;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;padding-bottom:8px}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{white-space:nowrap;padding:6px 10px;font-size:.75rem}.settings-nav-divider{display:none}.settings-nav-group{display:contents}.settings-nav-parent{display:none}.settings-nav-children{display:contents!important}}.settings-tabs{display:flex;gap:var(--space-1);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);margin-bottom:var(--space-4);scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{flex-shrink:0;padding:.5rem 1rem;border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.settings-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.users-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.user-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--bg);border-radius:var(--radius-lg);flex-wrap:wrap}.user-info{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.user-name{font-weight:600;color:var(--text)}.user-email{font-size:.8125rem;color:var(--text-secondary)}.role-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:var(--radius-full);background:var(--border);color:var(--text-secondary)}.role-admin{background:var(--accent-light, rgba(99,102,241,.15));color:var(--accent, #6366f1)}.role-technician{background:#10b98126;color:#10b981}.role-billing{background:#f59e0b26;color:#f59e0b}.rate-table-select{padding:.4rem .6rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:.8125rem}.rt-tabs-bar{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0;overflow-x:auto;scrollbar-width:none}.rt-tabs-bar::-webkit-scrollbar{display:none}.rt-tabs{display:flex;gap:var(--space-1)}.rt-tab{flex-shrink:0;padding:.4rem .8rem;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s}.rt-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.rt-tab-name{outline:none}.rt-tab-name:focus{border-bottom:1px dashed currentColor}.rt-mobile{display:block}.rt-desktop{display:none}.rt-day-accordion{border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-2);overflow:hidden}.rt-day-accordion summary{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:600;color:var(--text);background:var(--bg);list-style:none}.rt-day-accordion summary::-webkit-details-marker{display:none}.rt-day-accordion summary:before{content:"▸";margin-right:var(--space-2);transition:transform .15s}.rt-day-accordion[open] summary:before{transform:rotate(90deg)}.rt-day-preview{font-size:.75rem;color:var(--text-secondary);font-weight:400;font-variant-numeric:tabular-nums}.rt-day-inputs{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.rt-input-group label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:2px}.rt-input-wrap{display:flex;align-items:center;gap:var(--space-1)}.rt-input{width:80px;padding:.35rem .5rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text);font-size:.875rem;font-variant-numeric:tabular-nums;text-align:right}.rt-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.rt-suffix{font-size:.7rem;color:var(--text-secondary);white-space:nowrap}@media(min-width:768px){.rt-mobile{display:none}.rt-desktop{display:block}.rt-grid{width:100%}.rt-grid-header,.rt-grid-row{display:grid;grid-template-columns:80px repeat(7,1fr);gap:var(--space-2);align-items:center}.rt-grid-header{margin-bottom:var(--space-2)}.rt-grid-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-align:center}.rt-grid-label:first-child{text-align:left}.rt-grid-row{margin-bottom:var(--space-2)}.rt-grid-cell .rt-input{width:100%}}.rt-period-editor{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.rt-period-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.rt-period-title{font-weight:600;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.rt-timeline{margin-bottom:var(--space-3)}.rt-tl-bar{position:relative;height:36px;background:var(--border, #e4e4e7);border-radius:8px;overflow:visible}.rt-tl-seg{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;opacity:.9;transition:opacity .15s;border-radius:2px}.rt-tl-seg:hover{opacity:1}.rt-tl-handle{position:absolute;top:-4px;width:14px;height:44px;margin-left:-7px;background:#fff;border:2px solid var(--text-secondary, #71717a);border-radius:4px;cursor:ew-resize;z-index:10;box-shadow:0 1px 4px #0003;transition:border-color .15s,transform .1s}.rt-tl-handle:hover,.rt-tl-handle:active{border-color:var(--primary);transform:scaleX(1.2)}.rt-tl-handle-time{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:600;color:var(--text);white-space:nowrap;pointer-events:none}.rt-tl-markers{position:relative;height:16px}.rt-tl-marker{position:absolute;transform:translate(-50%);font-size:.65rem;font-weight:600;color:var(--text);white-space:nowrap}.rt-tl-labels{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-tertiary);margin-top:0;padding:0 1px}.rt-period-list{display:flex;flex-direction:column;gap:var(--space-2)}.rt-period-row{display:flex;align-items:center;gap:var(--space-2);min-height:48px}.rt-period-color{width:4px;height:32px;border-radius:2px;flex-shrink:0}.rt-period-name{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.85rem;min-height:48px;box-sizing:border-box}.rt-period-time{width:5.5rem;padding:8px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.85rem;min-height:48px;box-sizing:border-box;flex-shrink:0}.rt-unassigned{border-color:var(--danger)!important;box-shadow:0 0 0 2px #ef444426!important;background:#ef44440d!important}.rt-period-time.rt-invalid{border-color:var(--danger);box-shadow:0 0 0 2px #ef444426}.rt-period-time:disabled{background:var(--bg-secondary, #f0f0f0);color:var(--text-secondary);opacity:.6;cursor:not-allowed}.rt-period-dash{color:var(--text-secondary);flex-shrink:0}.rt-period-range{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;min-width:90px}.rt-period-remove{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:1rem;transition:all .15s}.rt-period-remove:hover:not(:disabled){background:var(--danger, #ef4444);color:#fff;border-color:var(--danger, #ef4444)}.rt-period-remove:disabled{opacity:.3;cursor:not-allowed}.rt-period-name:focus,.rt-period-time:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.rt-period-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.rt-period-hours{font-size:.75rem;color:var(--text-secondary);margin-left:4px}@media(max-width:480px){.rt-period-row{flex-wrap:wrap}.rt-period-name{flex-basis:calc(100% - 56px);order:1}.rt-period-color{order:0}.rt-period-time{order:3;flex:1}.rt-period-dash{order:3}.rt-period-remove{order:2}}.rt-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap}.settings-toast{position:fixed;bottom:calc(var(--bottom-nav-height, 60px) + 20px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;z-index:999;animation:toastIn .3s ease,toastOut .3s ease 2.2s forwards;box-shadow:var(--shadow-md)}.settings-toast-success{background:var(--success, #22c55e);color:#fff}.settings-toast-error{background:var(--danger, #ef4444);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.rt-tab-edit{font-size:.75rem;opacity:.4;margin-left:.25rem;cursor:pointer;transition:opacity .15s}.rt-tab:hover .rt-tab-edit,.rt-tab-edit:hover{opacity:1}.rt-period-derived{opacity:.6}.rt-period-name-ro{flex:1;font-size:.875rem;font-weight:500;padding:.375rem 0}.rt-period-end-ro{width:7rem;font-size:.875rem;color:var(--text-secondary);padding:.375rem 0}.daycal{margin:12px 0 16px;background:var(--bg-card, #fff);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);overflow:hidden}.daycal-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.daycal-nav{background:none;border:1px solid var(--border);border-radius:var(--radius, 8px);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;color:var(--text);transition:background .15s}.daycal-nav:hover:not(:disabled){background:var(--bg-muted, #f3f4f6)}.daycal-nav:disabled{opacity:.3;cursor:default}.daycal-title{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.daycal-date{font-weight:600;font-size:.9rem}.daycal-today-badge{background:var(--primary, #6366f1);color:#fff;font-size:.68rem;padding:1px 8px;border-radius:999px;font-weight:600}.daycal-today-btn{background:none;border:1px solid var(--primary, #6366f1);color:var(--primary, #6366f1);border-radius:var(--radius, 8px);padding:4px 10px;font-size:.75rem;font-weight:600;cursor:pointer}.daycal-body{padding:0}.daycal-loading{display:flex;align-items:center;justify-content:center;padding:32px;color:var(--text-muted)}.daycal-empty{text-align:center;padding:32px 16px;color:var(--text-muted);font-size:.85rem}.daycal-summary{display:flex;justify-content:space-between;padding:8px 12px;font-size:.78rem;color:var(--text-muted);border-bottom:1px solid var(--border)}.daycal-summary-hours{font-weight:600;color:var(--primary, #6366f1)}.daycal-grid{position:relative;overflow-y:auto;overflow-x:hidden;max-height:384px}.daycal-hour{position:absolute;left:0;right:0;border-bottom:1px solid var(--border);display:flex;align-items:flex-start}.daycal-hour-now{background:#6366f10a}.daycal-hour-label{width:40px;flex-shrink:0;font-size:.68rem;color:var(--text-muted);padding:2px 4px 0;text-align:right;-webkit-user-select:none;user-select:none}.daycal-entries{position:absolute;inset:0 4px 0 44px;pointer-events:none}.daycal-entry{position:absolute;border-radius:4px;padding:3px 6px;overflow:hidden;pointer-events:auto;cursor:default;color:#fff;font-size:.72rem;line-height:1.3;box-shadow:0 1px 3px #00000026;opacity:.92;transition:opacity .15s;border-left:3px solid rgba(255,255,255,.3)}.daycal-entry:hover{opacity:1;z-index:2}.daycal-entry-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daycal-entry-time{opacity:.85;white-space:nowrap;font-size:.65rem}.daycal-now-line{position:absolute;left:40px;right:0;height:2px;background:#ef4444;z-index:5}.daycal-now-dot{position:absolute;left:-4px;top:-3px;width:8px;height:8px;background:#ef4444;border-radius:50%}.gps-sug-date-group{margin-bottom:16px}.gps-sug-date-header{font-size:.78rem;font-weight:600;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.05em;padding:4px 0 6px;border-bottom:1px solid var(--border);margin-bottom:8px}.gps-sug-card{background:var(--bg-card, #fff);border:1px solid var(--border);border-radius:var(--radius-md, 8px);padding:12px 14px;margin-bottom:8px}.gps-sug-card.gps-sug-dimmed{opacity:.5}.gps-sug-main{display:flex;flex-direction:column;gap:4px}.gps-sug-customer{font-weight:600;font-size:.92rem}.gps-sug-times{font-size:.82rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.gps-sug-time-label{color:var(--text-muted);font-weight:500}.gps-sug-time-sep{color:var(--text-muted)}.gps-sug-still-here{color:#22c55e;font-weight:500;font-size:.78rem}.gps-sug-duration{background:var(--primary-light, #eef2ff);color:var(--primary, #6366f1);padding:1px 8px;border-radius:999px;font-size:.78rem;font-weight:600;margin-left:4px}.gps-sug-badge{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:999px;font-weight:500;margin-top:4px;width:fit-content}.gps-sug-saved{background:#dcfce7;color:#166534}.gps-sug-dismissed-badge{background:var(--bg-muted, #f3f4f6);color:var(--text-muted, #888)}.gps-sug-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.gps-sug-actions .btn{flex:1;min-width:0;font-size:.82rem;padding:6px 10px}.gps-sug-modal-info{background:var(--bg-muted, #f9fafb);border-radius:var(--radius, 8px);padding:10px 12px;margin-bottom:12px;font-size:.85rem;line-height:1.4}.gps-sug-task-list{max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius, 8px);margin-top:4px}.gps-sug-task-group-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 10px 2px}.gps-sug-task-option{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;border-bottom:1px solid var(--border);font-size:.85rem;transition:background .15s}.sug-hidden{display:none!important}.gps-sug-task-option:last-child{border-bottom:none}.gps-sug-task-option:hover{background:var(--bg-muted, #f9fafb)}.gps-sug-task-text{display:flex;flex-direction:column;min-width:0;flex:1}.gps-sug-task-customer{font-size:.78rem;line-height:1.2;color:var(--text-muted, #6b7280)}.gps-sug-task-title{font-weight:600;line-height:1.3}.gps-sug-task-option input[type=radio]{margin-top:0;flex-shrink:0;appearance:none;-webkit-appearance:none;width:18px;min-width:18px;height:18px;min-height:18px;border:2px solid var(--border, #d1d5db);border-radius:50%;background:var(--bg, #fff);cursor:pointer;position:relative;transition:border-color .15s,background .15s;padding:0;box-sizing:content-box}.gps-sug-task-option input[type=radio]:checked{border-color:var(--primary, #6366f1);background:var(--primary, #6366f1)}.gps-sug-task-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff}.pos-cat-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:var(--space-3)}.pos-cat-btn{padding:10px 4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);font-size:.8rem;font-weight:600;text-align:center;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s ease}.pos-cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pos-cat-btn:not(.active):hover{background:var(--bg-hover)}.pos-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.pos-title-wrap{min-width:0}.pos-header-btn{width:56px;height:56px;min-width:56px;border:none;border-radius:var(--radius-lg);background:var(--success, #22c55e);color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;flex-shrink:0;position:relative}.pos-header-btn:active{transform:scale(.95)}.pos-title{font-size:1.25rem;font-weight:800;flex:1;letter-spacing:-.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.pos-edit-icon{font-size:.875rem;color:var(--text-tertiary);font-weight:400}.pos-description{font-size:.8125rem;color:var(--text-secondary);margin:2px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-attach{position:relative;background:none;border:none;font-size:1.25rem;cursor:pointer;padding:6px;border-radius:var(--radius-md);transition:background .15s;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.btn-attach:active{background:var(--bg-subtle)}.attach-badge{position:absolute;top:2px;right:2px;background:var(--primary);color:#fff;font-size:.625rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.attach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:var(--space-3) 0;max-height:50vh;overflow-y:auto}.attach-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer}.attach-item img{width:100%;height:100%;object-fit:cover}.attach-task-label{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:.625rem;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attach-delete{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:12px;border:none;background:#0009;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.photo-viewer{position:fixed;inset:0;z-index:10000;background:#000000f2;display:flex;flex-direction:column}.photo-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;flex-shrink:0}.photo-viewer-date{color:#ffffffb3;font-size:.8125rem}.photo-viewer-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px 8px}.photo-viewer-goto{background:var(--success, #22c55e);color:#fff;border:none;border-radius:var(--radius-md);padding:8px 18px;font-size:.75rem;font-weight:700;cursor:pointer;line-height:1.3;text-align:center;white-space:nowrap}.photo-viewer-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.photo-viewer-body img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .15s ease;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.upload-progress-bar{width:100%;height:6px;background:var(--bg-subtle);border-radius:3px;overflow:hidden}.upload-progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease;width:0}.pos-tabs{display:flex;gap:0;border:2px solid var(--primary);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.pos-tab{flex:1;padding:var(--space-3);border:none;background:transparent;cursor:pointer;font-weight:700;font-size:1rem;color:var(--primary);transition:all .15s var(--ease-out-expo);min-height:48px}.pos-tab.active{background:var(--primary);color:#fff}.pos-tab:not(.active):hover{background:var(--primary-light)}.pos-content{min-height:300px;padding-bottom:80px}.pos-items-layout{display:flex;flex-direction:column;height:calc(100vh - 240px - var(--bottom-nav-height, 64px));overflow:hidden}.pos-items-fixed{flex-shrink:0}.pos-grid-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-4);scrollbar-width:none;-ms-overflow-style:none}.pos-grid-scroll::-webkit-scrollbar{display:none}.pos-search-wrap{position:relative;margin-bottom:var(--space-3)}.pos-search-input{width:100%;padding:var(--space-3) var(--space-4);padding-right:48px;border:2px solid var(--border);border-radius:var(--radius-lg);font-size:1rem;background:var(--bg-card);color:var(--text);min-height:48px;transition:border-color .15s}.pos-search-input:focus{border-color:var(--primary);outline:none}.pos-search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;background:transparent;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.pos-search-clear:active{background:var(--bg-subtle)}.pos-search-results{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-3)}.pos-search-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;min-height:48px;transition:background .1s}.pos-search-item:active{background:var(--bg-subtle)}.pos-search-item-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.pos-search-item-name{flex:1;font-weight:500;font-size:.9rem}.pos-search-item-price{font-weight:600;font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.pos-search-empty{text-align:center;padding:var(--space-4);color:var(--text-secondary);font-size:.875rem}.pos-tile-added{position:absolute;top:4px;left:6px;font-size:.7rem;font-weight:800;color:#fff;background:#22c55ed9;border-radius:4px;padding:1px 6px;text-transform:uppercase;letter-spacing:.04em;pointer-events:none;animation:posAddedFade .7s ease forwards;z-index:2}@keyframes posAddedFade{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0}}.pos-added-badge{font-size:.75rem;font-weight:700;color:var(--success, #22c55e);text-transform:uppercase;letter-spacing:.05em;animation:posAddedFade .6s ease forwards;pointer-events:none}@keyframes posAddedFade{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0}}.pos-network-error{background:var(--danger, #ef4444);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-align:center;margin-bottom:var(--space-2);animation:posAddedFade 1.5s ease forwards}.pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}@media(min-width:769px){.pos-grid{grid-template-columns:repeat(3,1fr);max-width:540px}}.pos-item{position:relative;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-2);min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center;font-weight:600;transition:transform .1s var(--ease-out-expo),box-shadow .1s;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 1px #ffffff26,var(--shadow-sm);animation:fadeInUp .3s var(--ease-out-expo) both}.pos-item:hover{transform:scale(1.03);box-shadow:inset 0 1px 1px #ffffff26,var(--shadow-md)}.pos-tooltip{position:fixed;background:#000000d9;color:#fff;padding:8px 12px;border-radius:var(--radius-md);font-size:.8rem;max-width:200px;word-break:break-word;z-index:999;pointer-events:none;animation:fadeIn .15s ease}.pos-item:active{transform:scale(.97)}.pos-item-empty{background:var(--bg-secondary);border:1px dashed var(--border);box-shadow:none}.pos-item-name{font-size:.875rem;line-height:1.2;margin-bottom:var(--space-1);word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:inherit}.pos-item-price{font-size:.75rem;opacity:.9;color:inherit}.pos-total-bar{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap}.total-bar-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;gap:var(--space-3)}.drag-handle{width:36px;height:4px;border-radius:2px;background:var(--text-tertiary, #999);opacity:.4;margin:0 auto;position:absolute;top:6px;left:50%;transform:translate(-50%)}.pos-total-bar{position:relative}.pos-total-bar.expanded .drag-handle{opacity:.7}.cart-sheet-backdrop{position:fixed;inset:0;background:#0006;z-index:89;opacity:0;pointer-events:none;transition:opacity .3s ease}.cart-sheet-backdrop.visible{opacity:1;pointer-events:auto}.cart-sheet{position:fixed;bottom:calc(var(--bottom-nav-height) + 72px);left:0;right:0;max-height:55vh;background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 24px #00000026;z-index:91;transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .35s var(--ease-out-expo),opacity .25s ease;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-3) var(--space-4) var(--space-4)}.cart-sheet.open{transform:translateY(0);opacity:1;pointer-events:auto}@media(min-width:769px){.cart-sheet{left:var(--sidebar-width);bottom:72px}}.cart-sheet-header{font-size:.9375rem;font-weight:700;padding:var(--space-3) var(--space-4);margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-4)) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-2);display:flex;justify-content:space-between;align-items:center;position:sticky;top:calc(-1 * var(--space-3));background:var(--bg-card);z-index:2}.cart-header-actions{display:flex;gap:8px;align-items:center}.cart-reactivate-btn{background:transparent;color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--radius-md);padding:6px 14px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:opacity .15s}.cart-reactivate-btn:active{opacity:.7}.cart-complete-btn{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:6px 14px;font-size:.8125rem;font-weight:700;cursor:pointer;transition:opacity .15s}.cart-complete-btn:active{opacity:.8}.cart-complete-btn:disabled{opacity:.4;cursor:default}.cart-row{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:.875rem;flex-wrap:wrap}.cart-row-qty{font-weight:700;color:var(--primary);width:2rem;flex-shrink:0;text-align:left}.cart-row-info{flex:1;min-width:0;cursor:pointer;text-align:left}.cart-row-name{font-weight:500;word-break:break-word;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.cart-row-price{font-size:.75rem;color:var(--text-secondary)}.cart-row-total{font-weight:700;white-space:nowrap;min-width:4rem;text-align:right}.cart-row-time{background:#6366f10d;border-radius:var(--radius-md)}.cart-row-time .cart-row-qty{color:var(--text-secondary)}.cart-day-group{margin-bottom:var(--space-2)}.cart-day-label{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) 0 var(--space-1)}.cart-day-group .cart-row-time{margin-bottom:0;border-bottom:none}.cart-row-expense{padding-left:1rem;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.cart-day-group .cart-row:last-child{border-bottom:none}.cart-section-divider{height:1px;background:var(--border);margin:var(--space-2) 0}.cart-row-controls{display:flex;gap:2px;align-items:center;flex-shrink:0}.cart-btn{width:48px;height:48px;border:1px solid var(--border);background:var(--bg-subtle);border-radius:var(--radius-md);cursor:pointer;font-size:1.125rem;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--text);transition:background .15s,border-color .15s}.cart-btn:active{background:var(--border)}.cart-btn-remove{color:var(--danger, #ef4444);border-color:transparent;background:transparent;font-size:1.25rem}.cart-btn-remove:active{background:#ef44441a}.cart-empty{text-align:center;padding:var(--space-6);color:var(--text-tertiary);font-size:.875rem}.timer-section{text-align:center;padding:var(--space-6) 0}.timer-display{font-size:3.5rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.05em;margin-bottom:var(--space-4);font-family:var(--font-mono);background:linear-gradient(135deg,var(--primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-timer{padding:var(--space-4) 3rem;font-size:1.25rem;border-radius:var(--radius-lg);min-height:56px;min-width:200px}.time-manual{margin-top:var(--space-6);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.time-manual h4{margin-bottom:var(--space-3)}.time-entries-list{margin-top:var(--space-4)}.time-entries-list h4{margin-bottom:var(--space-2)}.time-entry-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:.8125rem;flex-wrap:wrap}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.info-label{font-weight:600;color:var(--text-secondary);font-size:.875rem}.info-value{font-weight:500}.pos-total-bar{position:fixed;bottom:var(--bottom-nav-height);left:0;right:0;background:rgba(from var(--bg-card) r g b / .85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:2px solid var(--primary);padding:14px var(--space-4) var(--space-3);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-weight:600;font-size:.875rem;z-index:90;box-shadow:0 -2px 8px #0000001a}@media(min-width:769px){.pos-total-bar{bottom:0;left:var(--sidebar-width)}}.total-col{display:flex;flex-direction:column;align-items:center;flex:1}.total-label{font-size:.6875rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.total-val{font-size:.9375rem;font-weight:700}.total-col-grand .total-val{color:var(--primary);font-size:1rem;font-weight:800}.notes-container{padding:var(--space-2) 0;padding-bottom:100px}.notes-header{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}#notes-list{display:flex;flex-direction:column;gap:var(--space-3)}.note-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3)}.note-card.voice-note{border-left:4px solid var(--success)}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);gap:var(--space-2)}.note-author{font-weight:600;font-size:.875rem}.note-time{font-size:.75rem;color:var(--text-secondary)}.note-content{white-space:pre-wrap;line-height:1.5;color:var(--text-primary)}.voice-note-player audio{width:100%;margin-bottom:var(--space-2)}.voice-transcript{padding:var(--space-2);background:var(--bg-subtle);border-radius:var(--radius);font-size:.875rem;line-height:1.5;color:var(--text-secondary);font-style:italic}.btn-icon-small{background:none;border:none;font-size:1.125rem;cursor:pointer;padding:4px;opacity:.6;transition:opacity .15s}.btn-icon-small:hover{opacity:1}.recording{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.admin-layout{display:flex;height:100vh;background:var(--bg, #f8fafc)}.admin-sidebar{width:240px;background:var(--bg-card, #fff);border-right:1px solid var(--border, #e2e8f0);display:flex;flex-direction:column;padding:0;flex-shrink:0}.admin-logo{font-size:1.25rem;font-weight:700;padding:1.25rem 1rem;border-bottom:1px solid var(--border, #e2e8f0)}.admin-user{padding:.75rem 1rem;font-size:.8125rem;color:var(--text-secondary, #64748b);border-bottom:1px solid var(--border, #e2e8f0)}.admin-nav{flex:1;padding:.5rem 0;overflow-y:auto}.admin-nav-btn{display:block;width:100%;text-align:left;padding:.625rem 1rem;border:none;background:none;font-size:.875rem;cursor:pointer;color:var(--text, #1e293b);border-left:3px solid transparent;transition:all .15s}.admin-nav-btn:hover{background:var(--bg-hover, #f1f5f9)}.admin-nav-btn.active{background:#6366f114;border-left-color:#6366f1;font-weight:600;color:#6366f1}.admin-logout-btn{padding:.75rem 1rem;border:none;background:none;text-align:left;font-size:.875rem;cursor:pointer;color:var(--danger, #ef4444);border-top:1px solid var(--border, #e2e8f0)}.admin-logout-btn:hover{background:#ef44440f}.admin-main{flex:1;overflow-y:auto;padding:2rem}.admin-page-title{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-page-header .admin-page-title{margin-bottom:0}.admin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.admin-card{background:var(--bg-card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:12px;padding:1.25rem}.admin-card h3{font-size:.9375rem;font-weight:600;margin:0 0 .75rem}.stat-card{text-align:center}.stat-value{font-size:1.75rem;font-weight:700;color:#6366f1}.stat-label{font-size:.8125rem;color:var(--text-secondary, #64748b);margin-top:.25rem}.stat-warning .stat-value{color:var(--danger, #ef4444)}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.admin-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.admin-kv{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.875rem;border-bottom:1px solid var(--border, #e2e8f0)}.admin-kv:last-child{border-bottom:none}.admin-muted{color:var(--text-secondary, #64748b);font-size:.8125rem}.admin-table-wrap{overflow-x:auto;margin-bottom:1.5rem}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--bg-card, #fff);border-radius:12px;overflow:hidden;border:1px solid var(--border, #e2e8f0)}.admin-table th{text-align:left;padding:.75rem 1rem;background:var(--bg, #f8fafc);font-weight:600;font-size:.8125rem;color:var(--text-secondary, #64748b);border-bottom:1px solid var(--border, #e2e8f0)}.admin-table td{padding:.625rem 1rem;border-bottom:1px solid var(--border, #e2e8f0)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background:var(--bg-hover, #f8fafc)}.admin-table-compact th,.admin-table-compact td{padding:.375rem .625rem}.admin-badge{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500;background:var(--bg, #f1f5f9)}.badge-success{background:#10b9811f;color:#059669}.badge-danger{background:#ef44441f;color:#dc2626}.badge-warning{background:#f59e0b1f;color:#d97706}.badge-primary{background:#6366f11f;color:#6366f1}.admin-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border, #e2e8f0);background:var(--bg-card, #fff);font-size:.875rem;cursor:pointer;transition:all .15s}.admin-btn:hover{background:var(--bg-hover, #f1f5f9)}.admin-btn-sm{padding:.3125rem .625rem;font-size:.8125rem}.admin-btn-primary{background:#6366f1;color:#fff;border-color:#6366f1}.admin-btn-primary:hover{background:#4f46e5}.admin-btn-danger{color:var(--danger, #ef4444);border-color:currentColor}.admin-btn-danger:hover{background:#ef44440f}.admin-back,.admin-search{margin-bottom:1rem}.admin-search input,.admin-filters input,.admin-filters select{padding:.5rem .75rem;border:1px solid var(--border, #e2e8f0);border-radius:8px;font-size:.875rem;background:var(--bg-card, #fff);width:100%;max-width:320px}.admin-filters{display:flex;gap:.75rem;margin-bottom:1rem}.admin-modal{max-width:480px;width:90%}.admin-modal-lg{max-width:640px}.admin-modal h3{margin:0 0 1rem;font-size:1.125rem}.admin-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.wizard-step{display:none}.wizard-step.active{display:block}.admin-health-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border, #e2e8f0)}.admin-health-row:last-child{border-bottom:none}.admin-health-score{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;font-size:.875rem;font-weight:700;color:#fff;flex-shrink:0}.admin-health-name{font-weight:500}.admin-announcement{padding:.5rem 0;border-bottom:1px solid var(--border, #e2e8f0)}.admin-announcement p{margin:.25rem 0 0;font-size:.8125rem;color:var(--text-secondary, #64748b)}.admin-announcement.inactive{opacity:.5}.admin-announcement.expired{opacity:.5;background:var(--bg, #f1f5f9)}.admin-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.admin-template-card{display:flex;flex-direction:column}.admin-features{display:flex;flex-wrap:wrap;gap:.75rem}.admin-feature-toggle{display:flex;align-items:center;gap:.375rem;font-size:.875rem;cursor:pointer;text-transform:capitalize}.admin-actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin-loading{color:var(--text-secondary, #64748b);padding:2rem;text-align:center}.admin-error{color:var(--danger, #ef4444);padding:2rem;text-align:center}.admin-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;z-index:9999;animation:fadeIn .2s}.admin-toast-success{background:#059669;color:#fff}.admin-toast-error{background:#dc2626;color:#fff}.admin-template-option{display:block;padding:.5rem;border:1px solid var(--border, #e2e8f0);border-radius:8px;margin-bottom:.5rem;cursor:pointer}.admin-template-option:hover{background:var(--bg-hover, #f8fafc)}@media(max-width:768px){.admin-sidebar{width:56px;overflow:hidden}.admin-logo{font-size:1rem;padding:1rem .5rem;text-align:center}.admin-user{display:none}.admin-nav-btn{padding:.625rem .5rem;font-size:0;text-align:center}.admin-nav-btn:first-letter{font-size:1.25rem}.admin-logout-btn{padding:.75rem .5rem;font-size:0;text-align:center}.admin-main{padding:1rem}.admin-grid-2,.admin-grid-3{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.billing-mobile-tabs{display:none;overflow-x:auto;white-space:nowrap;padding:8px 12px;gap:6px;border-bottom:1px solid var(--border, #e2e8f0);background:var(--bg-card, #fff);-webkit-overflow-scrolling:touch;scrollbar-width:none}.billing-mobile-tabs::-webkit-scrollbar{display:none}.billing-mobile-tab{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border:none;background:var(--hover, #f1f5f9);color:var(--text-secondary);font-size:13px;border-radius:20px;cursor:pointer;flex-shrink:0;min-height:36px}.billing-mobile-tab.active{background:var(--primary, #6366f1);color:#fff;font-weight:600}@media(max-width:768px){.billing-mobile-tabs{display:flex}}.billing-layout{display:flex;height:100%;min-height:calc(100vh - 60px);background:var(--bg, #f8fafc)}.billing-content{flex:1;overflow-y:auto;padding:1.5rem;max-width:1400px}.billing-content>*{animation:fadeIn .3s ease-out both}.billing-sidebar{width:240px;background:linear-gradient(180deg,var(--bg-card, #fff) 0%,var(--bg, #f8fafc) 100%);border-right:1px solid var(--border, #e2e8f0);display:flex;flex-direction:column;flex-shrink:0;padding:0}.billing-sidebar-title{font-size:1.125rem;font-weight:700;padding:1.25rem 1rem;border-bottom:1px solid var(--border, #e2e8f0)}.billing-sidebar-nav{flex:1;padding:.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.billing-nav-btn{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;padding:.625rem .75rem;border:none;background:none;font-size:.875rem;cursor:pointer;color:var(--text, #1e293b);border-radius:8px;transition:all .2s ease}.billing-nav-btn:hover{background:var(--bg-hover, #f1f5f9)}.billing-nav-btn.active{background:#6366f11a;font-weight:600;color:#6366f1;box-shadow:0 0 0 1px #6366f126}.billing-nav-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:.6875rem;font-weight:600;padding:.125rem .4rem;border-radius:999px;min-width:1.25rem;text-align:center}.billing-stat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media(min-width:640px){.billing-stat-cards{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.billing-stat-cards{grid-template-columns:repeat(5,1fr)}}.stat-card,.billing-stat-card{background:var(--bg-card, #fff);border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;border:none;border-top:3px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover,.billing-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000000f,0 2px 6px #00000008}.stat-card-blue{border-top-color:#6366f1;background:linear-gradient(135deg,var(--bg-card, #fff) 0%,rgba(99,102,241,.03) 100%)}.stat-card-red{border-top-color:#ef4444;background:linear-gradient(135deg,var(--bg-card, #fff) 0%,rgba(239,68,68,.03) 100%)}.stat-card-green{border-top-color:#10b981;background:linear-gradient(135deg,var(--bg-card, #fff) 0%,rgba(16,185,129,.03) 100%)}.stat-card-indigo{border-top-color:#6366f1;background:linear-gradient(135deg,var(--bg-card, #fff) 0%,rgba(99,102,241,.03) 100%)}.stat-card-neutral{border-top-color:#64748b;background:linear-gradient(135deg,var(--bg-card, #fff) 0%,rgba(100,116,139,.03) 100%)}.stat-card-label,.billing-stat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #64748b);margin-bottom:.375rem}.stat-card-value,.billing-stat-value{font-size:1.75rem;font-weight:700;color:var(--text, #1e293b);line-height:1.2}.stat-card-blue .stat-card-value{color:#6366f1}.stat-card-red .stat-card-value{color:#ef4444}.stat-card-green .stat-card-value{color:#10b981}.stat-card-indigo .stat-card-value{color:#6366f1}.stat-card-neutral .stat-card-value{color:#64748b}.billing-table-wrap{overflow-x:auto;margin-bottom:1.5rem;border-radius:16px}.billing-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem;background:var(--bg-card, #fff);border-radius:16px;overflow:hidden;border:1px solid var(--border, #e2e8f0)}.billing-table th{text-align:left;padding:.75rem 1rem;background:var(--bg, #f8fafc);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #64748b);border-bottom:1px solid var(--border, #e2e8f0);position:sticky;top:0;z-index:1}.billing-table td{padding:.625rem 1rem;border-bottom:none}.billing-table tbody tr{transition:background .15s ease}.billing-table tbody tr:nth-child(2n){background:#f8fafc80}.billing-table tbody tr:hover{background:#6366f10a}.billing-table tr.clickable{cursor:pointer}.billing-badge{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500;white-space:nowrap}.billing-badge-draft{background:#e2e8f0;color:#475569}.billing-badge-pending_approval{background:#fef3c7;color:#92400e}.billing-badge-approved{background:#ccfbf1;color:#0f766e}.billing-badge-sent{background:#dbeafe;color:#1d4ed8}.billing-badge-paid{background:#d1fae5;color:#047857}.billing-badge-partial{background:#cffafe;color:#0e7490}.billing-badge-overdue{background:#fee2e2;color:#b91c1c}.billing-badge-cancelled{background:#374151;color:#d1d5db}.billing-badge-credited{background:#ffedd5;color:#c2410c}.billing-badge-written_off{background:#d6c5a3;color:#5c4813}[class^=status-badge-]{display:inline-block;padding:.15em .5em;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-badge-draft{background:#e2e8f0;color:#475569}.status-badge-sent{background:#dbeafe;color:#1d4ed8}.status-badge-paid{background:#d1fae5;color:#047857}.status-badge-partial{background:#fef3c7;color:#b45309}.status-badge-overdue{background:#fee2e2;color:#b91c1c}.status-badge-cancelled{background:#374151;color:#d1d5db}.status-badge-credited{background:#fae8ff;color:#9333ea}.status-badge-credit_note{background:#fee2e2;color:#dc2626}.billing-expand-btn{background:none;border:none;cursor:pointer;font-size:.875rem;padding:.25rem;transition:transform .2s;color:var(--text-secondary, #64748b)}.billing-expand-btn.expanded{transform:rotate(90deg)}.billing-expand-row{display:none}.billing-expand-row.open{display:table-row}.billing-expand-content{padding:.75rem 1rem 1rem 2.5rem;background:var(--bg, #f8fafc)}.billing-expand-content table{width:100%;font-size:.8125rem;border-collapse:collapse}.billing-expand-content th,.billing-expand-content td{padding:.375rem .5rem;text-align:left}.billing-expand-content th{font-weight:600;color:var(--text-secondary, #64748b);border-bottom:1px solid var(--border, #e2e8f0)}.billing-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.billing-card{background:var(--bg-card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:16px;padding:1.25rem}.billing-settings-section{background:var(--bg-card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.billing-settings-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem;letter-spacing:-.01em}.billing-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.billing-form-group{display:flex;flex-direction:column;gap:.25rem}.billing-form-group.full-width{grid-column:1 / -1}.billing-form-group label{font-size:.8125rem;font-weight:500;color:var(--text-secondary, #64748b)}.billing-form-group input,.billing-form-group select,.billing-form-group textarea{padding:.5rem .75rem;border:1px solid var(--border, #e2e8f0);border-radius:10px;font-size:.875rem;background:var(--bg, #f8fafc);font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.billing-form-group input:focus,.billing-form-group select:focus,.billing-form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.billing-form-group textarea{min-height:80px;resize:vertical}.billing-form-group .info-text{font-size:.75rem;color:var(--text-secondary, #64748b);margin-top:.125rem}.setting-tip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--border, #e2e8f0);color:var(--text-secondary, #64748b);font-size:10px;font-weight:700;cursor:help;position:relative;margin-left:4px;flex-shrink:0;vertical-align:middle;line-height:1;user-select:none;-webkit-user-select:none;transition:background .15s ease}.setting-tip:hover{background:var(--primary, #6366f1);color:#fff}.setting-tip .tip-text{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--text-primary, #1e293b);color:#fff;padding:6px 10px;border-radius:8px;font-size:.75rem;font-weight:400;line-height:1.4;white-space:normal;width:max-content;max-width:240px;z-index:9999;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;box-shadow:0 4px 12px #00000026}.setting-tip .tip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text-primary, #1e293b)}.setting-tip:hover .tip-text,.setting-tip:focus .tip-text,.setting-tip.tip-open .tip-text{visibility:visible;opacity:1}.billing-save-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border-radius:999px;border:none;background:#6366f1;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;margin-top:1rem;transition:all .2s ease}.billing-save-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.billing-save-btn:active{transform:translateY(0)}.billing-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.billing-status-btn{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:999px;border:1px solid var(--border, #e2e8f0);background:transparent;color:var(--text-secondary, #64748b);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.billing-status-btn:hover{background:var(--bg-hover, #f1f5f9);border-color:var(--text-secondary, #94a3b8)}.billing-status-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.billing-filter-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--bg-card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:16px}.billing-filter-bar input[type=text],.billing-filter-bar input[type=number]{padding:.4rem .75rem;border:1px solid var(--border, #e2e8f0);border-radius:999px;font-size:.8125rem;background:var(--bg, #f8fafc);transition:border-color .2s ease,box-shadow .2s ease}.billing-filter-bar input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.billing-status-toggles{display:flex;gap:.375rem}.billing-search-input{position:relative;display:inline-flex;align-items:center}.billing-search-input:before{content:"🔍";position:absolute;left:.625rem;font-size:.75rem;pointer-events:none;z-index:1}.billing-search-input input{padding-left:2rem!important}.billing-selection-bar{position:fixed;bottom:1.5rem;left:0;right:0;margin:0 auto;width:fit-content;display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border, #e2e8f0);border-radius:16px;box-shadow:0 8px 32px #0000001a;z-index:100;max-width:90vw}.billing-total-row td{font-weight:700!important;font-size:1.15em!important;color:#6366f1!important;border-top:2px solid var(--border, #e2e8f0);padding-top:.75rem!important}.billing-toggle{position:relative;display:inline-block;width:44px;height:24px}.billing-toggle input{opacity:0;width:0;height:0}.billing-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#cbd5e1;border-radius:24px;transition:.2s}.billing-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.billing-toggle input:checked+.billing-toggle-slider{background:#6366f1}.billing-toggle input:checked+.billing-toggle-slider:before{transform:translate(20px)}.billing-toggle-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.billing-toggle-label{font-size:.875rem;font-weight:500}.billing-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.625rem 1.25rem;border-radius:999px;font-size:.875rem;font-weight:500;z-index:9999;animation:billingToastIn .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.billing-toast-success{background:#059669f2;color:#fff}.billing-toast-error{background:#dc2626f2;color:#fff}@keyframes billingToastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.billing-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.billing-page-title{font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.02em}.billing-chart{display:flex;align-items:flex-end;gap:6px;height:180px;padding-top:1rem}.billing-chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.billing-chart-bar{width:100%;max-width:40px;background:linear-gradient(180deg,#6366f1,#818cf8);border-radius:6px 6px 0 0;transition:height .4s ease}.billing-chart-bar-wrap:hover .billing-chart-bar{background:linear-gradient(180deg,#4f46e5,#6366f1)}.billing-chart-label{font-size:.6875rem;color:var(--text-secondary, #64748b);margin-top:.5rem;text-align:center}.billing-activity-feed{display:flex;flex-direction:column;gap:.5rem}.billing-activity-item{display:flex;gap:.75rem;padding:.5rem 0;font-size:.875rem;border-bottom:1px solid var(--border, #e2e8f0)}.billing-activity-item:last-child{border-bottom:none}.billing-activity-time{color:var(--text-secondary, #64748b);white-space:nowrap;font-size:.8125rem}.billing-aging-current{border-top-color:#22c55e!important}.billing-aging-current .billing-stat-value{color:#22c55e}.billing-aging-30{border-top-color:#eab308!important}.billing-aging-30 .billing-stat-value{color:#eab308}.billing-aging-60{border-top-color:#f97316!important}.billing-aging-60 .billing-stat-value{color:#f97316}.billing-aging-90{border-top-color:#ef4444!important}.billing-aging-90 .billing-stat-value{color:#ef4444}.billing-aging-90plus{border-top-color:#991b1b!important}.billing-aging-90plus .billing-stat-value{color:#991b1b}.billing-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.billing-modal{background:var(--bg-card, #fff);border-radius:20px;padding:2rem;max-height:90vh;overflow-y:auto;width:90%;max-width:500px;box-shadow:0 25px 50px #00000026}.billing-action-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}@media(max-width:1024px){.billing-layout{flex-direction:column}.billing-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border, #e2e8f0)}.billing-sidebar-title{display:none}.billing-sidebar-nav{flex-direction:row;overflow-x:auto;padding:.5rem;gap:.25rem;scrollbar-width:none;-ms-overflow-style:none}.billing-sidebar-nav::-webkit-scrollbar{display:none}.billing-nav-btn{white-space:nowrap;padding:.5rem .75rem;font-size:.8125rem;border-radius:999px}.billing-nav-btn.active{background:#6366f1;color:#fff}.billing-content{padding:1rem}.billing-form-grid{grid-template-columns:1fr}.billing-stat-cards{grid-template-columns:repeat(2,1fr)}}@media print{.billing-sidebar{display:none}.billing-content{padding:0}}@media(max-width:768px){.billing-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.billing-table{font-size:.8125rem}.billing-table th,.billing-table td{padding:.5rem;font-size:.75rem}#rtb-groups .billing-table th:nth-child(3),#rtb-groups .billing-table th:nth-child(4),#rtb-groups .billing-table th:nth-child(5),#rtb-groups .billing-table th:nth-child(6),#rtb-groups .billing-task-row td:nth-child(3),#rtb-groups .billing-task-row td:nth-child(4),#rtb-groups .billing-task-row td:nth-child(5),#rtb-groups .billing-task-row td:nth-child(6){display:none}#inv-table-wrap .billing-table th:nth-child(3),#inv-table-wrap .billing-table th:nth-child(4),#inv-table-wrap .billing-table td:nth-child(3),#inv-table-wrap .billing-table td:nth-child(4){display:none}.billing-detail-header{grid-template-columns:1fr!important}#cust-table-wrap .billing-table th:nth-child(2),#cust-table-wrap .billing-table th:nth-child(3),#cust-table-wrap .billing-table th:nth-child(6),#cust-table-wrap .billing-table td:nth-child(2),#cust-table-wrap .billing-table td:nth-child(3),#cust-table-wrap .billing-table td:nth-child(6){display:none}.billing-mobile-tabs{gap:4px;padding:6px 8px}.billing-mobile-tab{padding:6px 10px;font-size:12px;min-height:32px}.billing-action-buttons{flex-direction:column;gap:.75rem;margin-top:1rem}.billing-action-buttons>button,.billing-action-buttons>a{width:100%;min-height:48px;justify-content:center;padding:.75rem 1.25rem;font-size:.9375rem}.billing-save-btn{width:100%;min-height:48px;justify-content:center}.billing-actions-cell{flex-direction:column;gap:.5rem;align-items:stretch}.billing-actions-cell button{width:100%;min-height:44px;padding:.625rem 1rem}.billing-stat-cards{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.stat-card,.billing-stat-card{padding:1rem;border-radius:12px}.stat-card-value,.billing-stat-value{font-size:1.5rem}.stat-card-label,.billing-stat-label{font-size:.625rem}.billing-invoice-detail-grid,.invoice-detail-grid{display:grid;grid-template-columns:1fr!important;gap:1rem}.billing-filter-bar{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.billing-filter-bar input[type=text],.billing-filter-bar input[type=number]{width:100%;min-height:44px;font-size:.875rem}.billing-status-toggles{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.25rem}.billing-status-toggles::-webkit-scrollbar{display:none}.billing-status-btn{flex-shrink:0;min-height:44px;padding:.5rem 1rem;font-size:.8125rem}.billing-search-input,.billing-search-input input{width:100%}.billing-selection-bar{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem;bottom:1rem;left:1rem;right:1rem;width:auto;max-width:none;border-radius:12px}.billing-selection-bar>span{text-align:center;font-size:.875rem}.billing-selection-bar button{width:100%;min-height:48px;justify-content:center}.billing-settings-section{padding:1rem;margin-bottom:1rem;border-radius:12px}.billing-settings-section h3{font-size:.9375rem;margin-bottom:.875rem}.billing-form-group{gap:.375rem}.billing-form-group input,.billing-form-group select,.billing-form-group textarea{min-height:44px;padding:.625rem .75rem;font-size:.875rem}.billing-page-title{font-size:1.25rem;line-height:1.3}.billing-page-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.billing-page-header>*{width:100%}.billing-modal{width:100%;max-width:100%;height:100%;max-height:100vh;border-radius:0;padding:1.25rem;margin:0;overflow-y:auto}.billing-modal-overlay{align-items:flex-start;padding:0}.billing-chart{height:160px;gap:4px}.billing-chart-bar{min-width:24px;max-width:32px}.billing-chart-label{font-size:.625rem}.fin-bar-chart{height:180px;padding-bottom:1.5rem}.fin-bar-group{min-width:28px;max-width:48px}.fin-bars{height:160px}.fin-bar-label{font-size:.6rem}.billing-content{padding:1rem .75rem}.billing-card{padding:1rem;border-radius:12px}.billing-subtab{min-height:48px;padding:.75rem 1rem;font-size:.8125rem}.billing-toggle-row{flex-direction:row;justify-content:space-between;min-height:48px;align-items:center}.billing-toggle{flex-shrink:0}.billing-expand-content{padding:.75rem .5rem 1rem 1.5rem}.billing-expand-content table{font-size:.75rem}.billing-activity-item{flex-direction:column;gap:.375rem;padding:.625rem 0}.billing-activity-time{font-size:.75rem}.billing-timeline{padding-left:1.5rem}.billing-timeline-icon{font-size:.875rem}.billing-toast{bottom:1rem;left:1rem;right:1rem;transform:none;max-width:calc(100vw - 2rem);padding:.75rem 1rem;font-size:.8125rem}@keyframes billingToastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.billing-badge,[class^=status-badge-]{font-size:.6875rem;padding:.1875rem .5rem}.billing-nav-btn,button,a,.clickable{min-height:44px}.setting-tip .tip-text{max-width:calc(100vw - 2rem);left:auto;right:0;transform:none}.setting-tip .tip-text:after{left:auto;right:1rem;transform:none}}@media(max-width:480px){.billing-stat-cards{grid-template-columns:1fr}.billing-page-title{font-size:1.125rem}.billing-content{padding:.75rem .5rem}.billing-settings-section{padding:.875rem}.billing-chart-label,.fin-bar-label{font-size:.5625rem;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);margin-top:.25rem}.billing-modal{padding:1rem}.billing-filter-bar{padding:.625rem}.billing-table th,.billing-table td{padding:.375rem .5rem;font-size:.75rem}}.billing-subtabs{display:flex;gap:.25rem;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.billing-subtabs::-webkit-scrollbar{display:none}.billing-subtab{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;min-height:48px;border:1px solid var(--border, #e2e8f0);border-radius:12px;background:var(--bg-card, #fff);font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;color:var(--text-secondary, #64748b);transition:all .2s ease}.billing-subtab:hover{background:var(--bg-hover, #f1f5f9);border-color:var(--text-secondary, #94a3b8)}.billing-subtab.active{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 2px 8px #6366f14d}[data-theme=dark] .billing-subtab{background:var(--bg-card, #1e293b);border-color:var(--border, #334155)}[data-theme=dark] .billing-subtab:hover{background:#ffffff0d}[data-theme=dark] .billing-subtab.active{background:#6366f1;border-color:#6366f1}.billing-setup-issues{display:flex;flex-direction:column;gap:.5rem}.billing-setup-issue{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;background:var(--bg, #f8fafc);border-radius:10px;font-size:.875rem}[data-theme=dark] .billing-setup-issue{background:#ffffff0d}#rtb-select-all,.rtb-customer-cb,.rtb-task-cb{width:18px;height:18px;margin:0;cursor:pointer}.billing-clickable-row{cursor:pointer}.billing-clickable-row:hover{background:#6366f10a}.billing-row-amber{background:#f59e0b1a}.billing-row-amber:hover{background:#f59e0b2e}.billing-actions-cell{display:flex;gap:.25rem;flex-wrap:wrap}[data-theme=dark] .billing-layout{background:var(--bg, #0f172a)}[data-theme=dark] .billing-sidebar{background:linear-gradient(180deg,var(--bg-card, #1e293b) 0%,var(--bg, #0f172a) 100%)}[data-theme=dark] .stat-card,[data-theme=dark] .billing-stat-card{background:var(--bg-card, #1e293b);box-shadow:0 1px 3px #0003}[data-theme=dark] .stat-card-blue{background:linear-gradient(135deg,var(--bg-card, #1e293b) 0%,rgba(99,102,241,.08) 100%)}[data-theme=dark] .stat-card-red{background:linear-gradient(135deg,var(--bg-card, #1e293b) 0%,rgba(239,68,68,.08) 100%)}[data-theme=dark] .stat-card-green{background:linear-gradient(135deg,var(--bg-card, #1e293b) 0%,rgba(16,185,129,.08) 100%)}[data-theme=dark] .stat-card-indigo{background:linear-gradient(135deg,var(--bg-card, #1e293b) 0%,rgba(99,102,241,.08) 100%)}[data-theme=dark] .stat-card-neutral{background:linear-gradient(135deg,var(--bg-card, #1e293b) 0%,rgba(100,116,139,.08) 100%)}[data-theme=dark] .billing-settings-section{background:#1e293bcc}[data-theme=dark] .billing-filter-bar{background:var(--bg-card, #1e293b)}[data-theme=dark] .billing-selection-bar{background:#1e293be6}[data-theme=dark] .billing-table{background:var(--bg-card, #1e293b)}[data-theme=dark] .billing-table tbody tr:nth-child(2n){background:#0f172a4d}[data-theme=dark] .billing-table tbody tr:hover{background:#6366f114}[data-theme=dark] .billing-nav-btn.active{background:#6366f133}[data-theme=dark] .billing-modal{background:var(--bg-card, #1e293b)}[data-theme=dark] .billing-status-btn{border-color:var(--border, #334155);color:var(--text-secondary, #94a3b8)}[data-theme=dark] .billing-status-btn:hover{background:#ffffff0d}.billing-timeline{position:relative;padding-left:2rem}.billing-timeline:before{content:"";position:absolute;left:.875rem;top:0;bottom:0;width:2px;background:var(--border, #e2e8f0)}.billing-timeline-item{position:relative;display:flex;gap:.75rem;padding:.5rem 0}.billing-timeline-icon{flex-shrink:0;width:2rem;text-align:center;font-size:1rem;position:relative;z-index:1;background:var(--bg-card, #fff);border-radius:50%;line-height:1.5}[data-theme=dark] .billing-timeline-icon{background:var(--bg-card, #1e293b)}.billing-timeline-content{flex:1}:root{--fin-revenue: #6366f1;--fin-collected: #22c55e}[data-theme=dark]{--fin-revenue: #818cf8;--fin-collected: #4ade80}.fin-bar-chart{display:flex;align-items:flex-end;gap:4px;height:220px;padding:0 0 1.75rem;border-bottom:2px solid var(--border, #e2e8f0);overflow-x:auto;margin-bottom:.5rem}.fin-bar-group{flex:1;min-width:32px;max-width:64px;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer}.fin-bars{display:flex;gap:2px;align-items:flex-end;width:100%;height:200px}.fin-bar{flex:1;border-radius:3px 3px 0 0;min-height:2px;transition:opacity .15s}.fin-bar-revenue{background:var(--fin-revenue)}.fin-bar-collected{background:var(--fin-collected)}.fin-bar-group:hover .fin-bar{opacity:.75}.fin-bar-label{position:absolute;bottom:-1.6rem;font-size:.65rem;color:var(--text-secondary);white-space:nowrap;text-align:center}.portal-page{min-height:100vh;background:#f5f5f7;font-family:Inter,-apple-system,sans-serif}.portal-header{background:var(--portal-primary,#6366f1);color:#fff;padding:32px 24px 24px;text-align:center}.portal-header img{max-height:48px;margin-bottom:8px;border-radius:8px}.portal-header h1{font-size:1.25rem;font-weight:700;margin:8px 0 0}.portal-header p{font-size:.875rem;opacity:.85;margin:4px 0 0}.portal-body{max-width:600px;margin:0 auto;padding:16px}.portal-welcome{margin-bottom:20px}.portal-welcome h2{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin:0 0 4px}.portal-welcome p{font-size:.8125rem;color:#666;margin:0}.portal-stats{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px}.portal-stat{background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 1px 3px #0000000f}.portal-stat-value{font-size:1.375rem;font-weight:700}.portal-stat-value.outstanding{color:#e53e3e}.portal-stat-value.paid{color:#38a169}.portal-stat-label{font-size:.75rem;color:#888;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.portal-section-title{font-size:.9375rem;font-weight:600;color:#1a1a2e;margin:0 0 12px}.portal-invoice{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #00000014}.portal-invoice-row{display:flex;justify-content:space-between;align-items:center}.portal-invoice-row+.portal-invoice-row{margin-top:8px}.portal-invoice-num{font-weight:600;font-size:.9375rem;color:#1a1a2e}.portal-invoice-date{font-size:.8125rem;color:#888}.portal-invoice-amount{font-weight:700;font-size:1.0625rem;color:#1a1a2e}.portal-badge{display:inline-block;font-size:.6875rem;font-weight:600;padding:3px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.3px}.portal-badge.sent{background:#ebf5ff;color:#3182ce}.portal-badge.overdue{background:#fff5f5;color:#e53e3e}.portal-badge.paid{background:#f0fff4;color:#38a169}.portal-badge.partial{background:#fffaf0;color:#dd6b20}.portal-badge.draft{background:#f7f7f7;color:#999}.portal-invoice-meta{font-size:.8125rem;color:#888}.portal-pdf-btn{background:var(--portal-primary,#6366f1);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.8125rem;font-weight:500;cursor:pointer;min-height:48px;min-width:48px;display:inline-flex;align-items:center;gap:4px;text-decoration:none}.portal-pdf-btn:active{opacity:.85}.portal-pay-btn{background:var(--portal-accent,#38a169);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.8125rem;font-weight:600;cursor:pointer;min-height:48px;display:inline-flex;align-items:center;gap:4px;text-decoration:none;margin-left:8px}.portal-pay-btn:active{opacity:.85}.portal-tabs{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-bottom:2px solid #eee;margin-bottom:20px}.portal-tab{flex:0 0 auto;padding:12px 20px;font-size:.8125rem;font-weight:500;color:#888;border:none;background:none;cursor:pointer;white-space:nowrap;min-height:48px;border-bottom:2px solid transparent;margin-bottom:-2px}.portal-tab.active{color:var(--portal-primary,#6366f1);border-bottom-color:var(--portal-primary,#6366f1);font-weight:600}.portal-empty{text-align:center;padding:40px 20px;color:#999;font-size:.875rem}.portal-footer{text-align:center;padding:24px;font-size:.75rem;color:#aaa}.portal-error{text-align:center;padding:60px 20px}.portal-error h2{font-size:1.25rem;margin-bottom:8px}.portal-error p{color:#888;font-size:.875rem}.portal-link-section{margin-top:1.5rem;padding:1rem;background:var(--bg-card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px}.portal-link-section h3{margin:0 0 .75rem;font-size:.9375rem}.portal-link-url{display:flex;gap:8px;align-items:center;margin-top:8px}.portal-link-url input{flex:1;font-size:.8125rem;padding:8px 12px;border:1px solid var(--border,#e2e8f0);border-radius:8px;background:var(--bg-secondary,#f7f7f7)}.portal-link-url button{min-height:48px;min-width:48px}