:root{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-tertiary: #e8e8ed;--text-primary: #17243A;--text-secondary: #86868b;--accent: #185EE0;--accent-hover: #1552C5;--success: #34c759;--danger: #ff3b30;--warning: #ff9500;--border: rgba(0, 0, 0, .1);--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .12);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--nav-height: 64px;--sidebar-width: 260px;--sidebar-width-collapsed: 64px;--app-main-padding-left: calc(24px + env(safe-area-inset-left, 0px)) ;--app-main-padding-bottom: 24px;--mono-stack: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Segoe UI Mono", monospace;--mono-lg-size: .9375rem;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{overscroll-behavior:none}html,body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,a,nav,.nav-bar,.sidebar,.bottom-nav,.card-header,.filter-bar,.ios-cell{-webkit-user-select:none;user-select:none}input,textarea,.invoice-detail,td,p{-webkit-user-select:auto;user-select:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:12px 24px;border-radius:var(--radius);z-index:9999;text-decoration:none;font-weight:500;transition:top .2s ease}.skip-link:focus{top:12px}body{font-family:inherit;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;padding-top:env(safe-area-inset-top,0px)}.nav-bar{background:#ffffffb8;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border);padding:12px 24px;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-left:calc(24px + env(safe-area-inset-left,0px));padding-right:calc(24px + env(safe-area-inset-right,0px));position:sticky;top:0;z-index:100;grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto;align-items:center}@media(max-width:480px){.nav-bar{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top,0px))}.nav-brand{font-size:16px;gap:6px}.brand-logo{height:28px;width:auto;max-width:96px}.user-name{font-size:12px}.user-role{font-size:10px}.user-info{max-width:90px}}.nav-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap;min-width:0;justify-self:center}.nav-user{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:0}.nav-refresh-btn--spin .icon{animation:nav-refresh-spin .6s cubic-bezier(.4,0,.2,1)}@keyframes nav-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.link{color:inherit;text-decoration:underline}.nav-brand{font-size:20px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;min-width:0}.brand-logo{display:block;height:36px;width:auto;max-width:132px;object-fit:contain;background:transparent;image-rendering:-webkit-optimize-contrast}.nav-company-slot{position:relative;margin-left:8px;padding-left:16px;display:flex;align-items:center;min-width:0}.nav-company-slot:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:24px;background:color-mix(in srgb,var(--text-secondary) 34%,transparent)}.nav-company-name{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.12rem;font-weight:700;letter-spacing:.01em;line-height:1.1}.nav-company-logo{height:32px;width:auto;max-width:220px;object-fit:contain;object-position:left center;display:block}@media(min-width:900px){.nav-brand{gap:12px}}@media(max-width:480px){.nav-company-slot{display:none}}.company-switcher{font-size:inherit;font-weight:700;font-family:inherit;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;cursor:pointer;max-width:240px;text-overflow:ellipsis}.nav-tabs{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius)}.nav-tab{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow)}.user-info{text-align:right;min-width:0;max-width:120px}.user-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.app-layout{height:100vh;height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr;gap:0;overflow:hidden;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1)}.main-content{padding:16px;padding-left:var(--app-main-padding-left);padding-right:calc(16px + env(safe-area-inset-right,0px));padding-bottom:var(--app-main-padding-bottom);grid-column:2;grid-row:2;transition:padding-left .2s ease,padding-bottom .2s ease;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;width:100%}.sidebar{position:fixed;top:var(--nav-height, 64px);bottom:0;width:var(--sidebar-width);background:#fffffff5;border-right:1px solid var(--border);box-shadow:var(--shadow);z-index:90;padding:12px;padding-left:calc(12px + env(safe-area-inset-left,0px));overflow-y:auto;overflow-x:hidden;transition:width .25s cubic-bezier(.4,0,.2,1)}.sidebar-inner{display:flex;flex-direction:column;height:100%}.sidebar-divider{width:100%;height:1px;background:var(--border);margin:0 0 12px;flex-shrink:0}.sidebar.collapsed .sidebar-divider{margin:0 0 12px}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-brand{font-weight:600;margin-bottom:12px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-group-divider{height:1px;background:var(--border);margin:6px 10px;flex-shrink:0}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:transparent;color:var(--text-primary);border:none;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .1s ease}.sidebar-item:active{transform:scale(.97)}.sidebar-item.active{background:var(--bg-secondary);box-shadow:var(--shadow)}.sidebar-icon{width:36px;display:inline-flex;align-items:center;justify-content:center}.sidebar-collapse-btn .chevron{display:inline-flex;transition:transform .25s ease}.sidebar.collapsed .sidebar-collapse-btn .chevron{transform:rotate(180deg)}.sidebar-collapse-btn{background:transparent;border:none;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);align-self:center;border-radius:50%;border-top:1px solid var(--border);margin-top:auto;margin-bottom:12px;transition:background .25s,transform .15s}.sidebar-collapse-btn:hover{background:var(--bg-tertiary);transform:scale(1.1)}.sidebar-collapse-btn:active{background:#0000001f;transform:scale(.95)}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0;color:var(--text-secondary);-webkit-font-smoothing:antialiased;vector-effect:non-scaling-stroke;stroke:currentColor;fill:none}.sidebar-item.active .icon,.bottom-nav-item.active .icon,.settings-tab.active .icon{color:var(--accent)}.sidebar-label{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;opacity:1;max-width:180px;transition:opacity .2s ease,max-width .25s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.sidebar.collapsed .sidebar-label{opacity:0;max-width:0}.sidebar-settings{margin-top:0}.chevron{transition:transform .18s ease;display:inline-flex;transform:rotate(0)}.chevron.rotated{transform:rotate(180deg)}.settings-page{display:flex;flex-direction:column;gap:10px}.settings-header-card{padding:16px;margin-bottom:0;border-radius:var(--radius-lg);box-shadow:var(--shadow);background:var(--bg-secondary)}.settings-header{margin:0}.settings-title{font-size:24px;font-weight:600;margin:0 0 4px;display:flex;align-items:center;gap:10px;word-break:break-word;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.settings-title .icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-right:8px}.settings-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.settings-tabs{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius)}.settings-tab{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow)}.settings-content{flex:1}.settings-list{display:flex;flex-direction:column;gap:10px;margin-top:0}.settings-index{display:flex;flex-direction:column;gap:2px}.settings-section{display:flex;flex-direction:column;gap:6px}.settings-section+.settings-section{margin-top:2px}.settings-section-title{margin:0;padding:0 6px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.settings-list-grouped{gap:0;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--bg-secondary)}.settings-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:0;background:transparent;border:0;border-bottom:1px solid var(--border);cursor:pointer;text-align:left}.settings-list-grouped .settings-item:last-child{border-bottom:0}.settings-item:hover{background:var(--bg-primary)}.settings-item-left .icon{width:22px;height:22px;color:var(--accent)}.settings-item-body{flex:1;min-width:0}.settings-item-title{font-weight:600;font-size:16px;color:var(--text-primary)}.settings-item-sub{font-size:13px;color:var(--text-secondary);margin-top:4px}.settings-item-chevron .icon{width:18px;height:18px;color:var(--text-secondary)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;width:100vw;box-sizing:border-box;background:#fffffff5;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--border);display:flex;gap:6px;height:calc(var(--bottom-nav-height, 64px) + var(--bottom-nav-safe-bottom, env(safe-area-inset-bottom, 0px)));padding:8px;padding-bottom:calc(8px + var(--bottom-nav-safe-bottom, env(safe-area-inset-bottom, 0px)));padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);justify-content:center;align-items:center;z-index:100;overflow:visible}.bottom-nav-inner{width:100%;max-width:1400px;display:flex;justify-content:space-around;align-items:flex-end;gap:6px;padding:0}.bottom-nav-item{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;border-radius:8px;min-width:0;flex:1;max-width:80px}.bottom-nav-item.active{background:var(--bg-tertiary)}.bottom-nav-fab-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.bottom-nav-fab{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;min-width:52px;border-radius:50%;border:none;background:var(--accent);color:#fff;box-shadow:0 4px 16px #185ee059;margin-top:-24px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;z-index:2;flex-shrink:0}.bottom-nav-fab .icon{width:24px;height:24px;color:#fff}.bottom-nav-fab:active{transform:scale(.93);box-shadow:0 2px 8px #185ee040}.bottom-nav-fab.active{background:var(--accent-hover);box-shadow:0 4px 20px #185ee073}.bottom-nav-icon{font-size:20px}.bottom-nav-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-weight:500}.bottom-nav-more-wrapper{position:relative;flex:1;max-width:80px;display:flex}.bottom-nav-more-menu{position:absolute;bottom:calc(100% + 8px);right:0;background:#fffffffa;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--border);border-radius:12px;box-shadow:0 -4px 24px #0000001f;min-width:180px;padding:6px;z-index:110;display:flex;flex-direction:column;gap:2px;animation:moreMenuIn .2s cubic-bezier(.16,1,.3,1);transform-origin:bottom right}@keyframes moreMenuIn{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.bottom-nav-more-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;white-space:nowrap}.bottom-nav-more-item:hover,.bottom-nav-more-item:focus-visible{background:var(--bg-tertiary)}.bottom-nav-more-item.active{background:var(--accent);color:#fff}.bottom-nav-more-icon{display:flex;align-items:center;font-size:18px}.bottom-nav-more-icon .icon{width:18px;height:18px}@media(min-width:900px){.bottom-nav{display:none}}@media(max-width:899px){.sidebar{display:none}.app-layout{grid-template-columns:1fr}.main-content{margin:0 auto;grid-column:1;padding-bottom:var(--app-main-padding-bottom, 24px);padding-left:var( --app-main-padding-left, calc(16px + env(safe-area-inset-left, 0px)) );padding-right:16px}}@media(max-width:480px){.main-content{padding:8px!important;padding-bottom:var(--app-main-padding-bottom)!important}.card{padding:12px;border-radius:var(--radius-sm);margin-bottom:8px}.card-header{gap:4px;margin-bottom:8px}.card-title{font-size:16px}}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}.card-header-actions{display:flex;align-items:center;gap:8px}.form{display:flex;flex-direction:column;gap:16px}.form-page{max-width:480px;margin:0 auto}.form-card{padding:24px}.input-lg{font-size:24px;font-weight:600;padding:16px;text-align:center}@media(max-width:899px){input,select,textarea{font-size:16px!important}}.field-hint{font-size:12px;color:var(--text-secondary);margin-top:4px}.submit-btn{margin-top:8px;padding:16px;font-size:16px}.type-selector{display:flex;gap:8px}.type-btn{flex:1;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;color:var(--text-primary)}.type-btn:hover{border-color:var(--accent)}.type-btn.active{border-color:var(--accent);background:var(--accent);color:#fff}.success-message{background:#34c75924;color:#155724;padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;text-align:center;font-weight:500}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-icon{font-size:48px;margin-bottom:12px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:12px}.view-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;justify-content:flex-start;min-width:0}.view-title{font-size:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media(max-width:480px){.view-title{font-size:17px}.view-header{gap:8px}}.audit-list{max-height:400px;overflow:auto}.card-title{font-size:20px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:scale(1.02)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:#d8d8dd}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn .icon,.btn .icon-inline{color:inherit}.btn-sm{padding:6px 12px;font-size:13px;border-radius:var(--radius-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%;display:inline-flex}.btn-lg{padding:14px 24px;font-size:16px}.btn.loading{opacity:.85;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;animation:spin 1s linear infinite;margin-right:8px}.btn-secondary .spinner{border:2px solid rgba(0,0,0,.18);border-top-color:#0009}.modal-sm{max-width:min(360px,90vw)}.modal-md{max-width:min(620px,90vw)}.modal-lg{max-width:min(900px,90vw)}.modal-full{width:100%;height:100%;border-radius:0}.modal-close-button{position:absolute;right:12px;top:12px}.modal-back-button{display:none}@media(max-width:600px){.modal-close-button{display:none}.modal-back-button{display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:20px;color:var(--text);cursor:pointer;padding:0;width:32px;height:32px;flex-shrink:0;margin-right:8px}.modal-compact .modal-close-button{display:flex}.modal-compact .modal-back-button{display:none}.modal-header{text-align:left;display:flex;align-items:center}.modal-header .modal-icon{font-size:24px;margin-bottom:0;margin-right:8px}.modal-header .modal-title{flex:1;font-size:16px;text-align:left}}.modal-footer{margin-top:16px;display:flex;gap:12px;justify-content:flex-end}.mt-1{margin-top:1rem}.mt-2{margin-top:8px}.mt-3{margin-top:24px}.ml-2{margin-left:8px}.attendance-chips{display:flex;gap:8px;flex-wrap:wrap}.attendance-admin-page{display:flex;flex-direction:column;gap:10px}.attendance-admin-filter{max-width:320px}.attendance-admin-summary{display:flex;flex-wrap:wrap;gap:8px}.attendance-admin-chip{font-weight:600}.attendance-admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.attendance-admin-table th,.attendance-admin-table td{white-space:nowrap;vertical-align:middle}.attendance-admin-empty{display:grid;place-items:center;gap:8px;padding:24px 10px;color:var(--text-secondary);text-align:center}.attendance-admin-mobile-list{display:none}.attendance-admin-mobile-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);padding:10px;margin-bottom:8px}.attendance-admin-mobile-card:last-child{margin-bottom:0}.attendance-admin-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.attendance-admin-mobile-row{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;padding:4px 0}.attendance-admin-mobile-row span:first-child{color:var(--text-secondary)}.attendance-admin-mobile-note,.attendance-admin-mobile-action{margin-top:8px}.comp-tier-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.comp-tier-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:8px}.comp-tier-remove{margin-bottom:2px}.comp-formula-preview{border:1px dashed var(--line, #d1d5db);background:var(--bg-secondary);color:var(--text-primary);border-radius:10px;padding:10px 12px;font-size:.9rem}@media(max-width:640px){.comp-tier-row{grid-template-columns:1fr}.comp-tier-remove{margin-bottom:0}}.m-0{margin:0}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.label-inline{display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin-left:8px;-webkit-user-select:none;user-select:none}.mono{font-family:var(--mono-stack)}.mono-lg{font-family:var(--mono-stack);font-size:var(--mono-lg-size);line-height:1.4;font-variant-numeric:tabular-nums}.search-box{display:flex;align-items:center;flex-shrink:0;transition:flex .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1)}.search-box-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;padding:0;flex-shrink:0;transition:border-color .15s,background .15s}.search-box-toggle:hover{border-color:var(--accent);color:var(--accent)}.search-box-toggle .search-icon{width:16px;height:16px;pointer-events:none}.search-box-field{position:relative;display:flex;align-items:center;max-width:0;overflow:hidden;opacity:0;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}.search-box-field .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary);width:16px;height:16px;pointer-events:none}.search-box-field input{width:100%;min-width:180px;padding:7px 32px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text);font-size:.85rem;outline:none;transition:border-color .15s;height:34px}.search-box-field input:focus{border-color:var(--accent)}.search-box-field input::placeholder{color:var(--text-secondary);opacity:.7}.search-box-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:none;background:var(--bg-tertiary, #e5e5ea);color:var(--text-secondary);cursor:pointer;padding:0;transition:background .15s}.search-box-clear:hover{background:var(--border)}.search-clear-icon{width:12px;height:12px}.search-box--expanded{flex:1 1 100%;min-width:0}.search-box--expanded .search-box-toggle{display:none}.search-box--expanded .search-box-field{max-width:500px;opacity:1;overflow:visible;flex:1;min-width:140px}.filter-bar{display:flex;flex-direction:column;gap:8px;padding:0 0 8px}select.filter-preset-select{width:auto;min-width:100px;max-width:200px;padding:7px 10px;font-size:.8rem;border-radius:8px;height:34px}.filter-dates{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.filter-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.filter-date{width:100%}.filter-dates .btn{align-self:flex-end;height:40px;min-width:100px;white-space:nowrap}.filter-bar--inline{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;transition:height .2s ease}.filter-bar--inline .select{width:auto;min-width:120px;flex:0 1 auto}.filter-bar--inline .search-box--expanded{flex-basis:100%;order:99}.filter-btn{display:flex;align-items:center;justify-content:center;position:relative;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;padding:0;flex-shrink:0;transition:border-color .15s,color .15s}.filter-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-btn-icon{width:16px;height:16px}.filter-btn-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.filter-modal-body{display:flex;flex-direction:column;gap:12px}.filter-modal-body label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.filter-modal-body .select{width:100%}.filter-modal-footer{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--border);margin-top:4px}input.filter-date--compact{width:auto;min-width:0;max-width:160px;padding:7px 10px;font-size:.85rem;border-radius:8px;height:34px;flex:1}.filter-separator{color:var(--text-secondary);font-size:14px}@media(max-width:600px){.filter-dates{flex-direction:column;align-items:stretch}.filter-dates .btn{width:100%}}.transactions-actions{margin-top:12px;display:flex;gap:8px;justify-content:flex-end;align-items:center}.invoice-edit-field{flex:1;min-width:0;max-width:180px}.invoice-edit-field .customer-picker .input{padding:5px 10px;font-size:.82rem;height:auto}.invoice-edit-select{padding:5px 10px;font-size:.82rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);width:auto;min-width:0;max-width:180px;appearance:auto}.invoice-edit-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #185ee026}.invoice-commission-row{align-items:flex-start}.invoice-commission-info{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0;flex:1}.invoice-commission-name{font-weight:500;font-size:.84rem}.invoice-commission-sub{color:var(--text-secondary);font-size:.76rem}.invoice-commission-amount{font-family:var(--mono-stack);font-size:.84rem;white-space:nowrap;flex-shrink:0}.invoice-ot-switch{display:inline-flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;background:none;padding:0;margin-left:4px;vertical-align:middle}.invoice-ot-switch-label{font-size:.65rem;font-weight:700;color:var(--text-secondary);letter-spacing:.03em;line-height:1}.invoice-ot-switch.active .invoice-ot-switch-label{color:var(--warning)}.invoice-ot-track{position:relative;width:26px;height:14px;border-radius:14px;background:var(--border);transition:background .2s ease;flex-shrink:0}.invoice-ot-switch.active .invoice-ot-track{background:var(--warning)}.invoice-ot-knob{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 .5px 2px #0003;transition:transform .2s ease}.invoice-ot-switch.active .invoice-ot-knob{transform:translate(12px)}.invoice-ot-override-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;gap:8px}.invoice-ot-override-name{font-size:.82rem;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-detail-assignments--edit{display:flex;flex-direction:column;gap:4px;margin-top:4px}.invoice-ua-edit-row{display:flex;align-items:center;gap:6px}.invoice-edit-select--sm{max-width:150px;font-size:.78rem;padding:3px 8px}.invoice-ua-qty{font-size:.78rem;color:var(--text-secondary);white-space:nowrap}.transactions-invoice-box{box-shadow:none;border:1px solid var(--border)}.transactions-meta-grid{display:grid;gap:8px}.detail-card{display:flex;flex-direction:column;gap:16px;max-width:520px;margin:0 auto}.detail-card-hero{text-align:center;padding:12px 0 4px}.detail-card-hero-amount{font-size:1.75rem;font-weight:700;font-family:var(--mono-stack);letter-spacing:-.5px}.detail-card-hero-amount--in{color:var(--success)}.detail-card-hero-amount--out{color:var(--danger)}.detail-card-hero-sub{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.detail-card-group{background:var(--bg-primary);border-radius:var(--radius);overflow:hidden}.detail-card-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.88rem;gap:12px;border-bottom:1px solid var(--border)}.detail-card-group>.detail-card-row:last-child,.detail-card-group>.detail-card-item:last-child{border-bottom:none}.detail-card-row-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.detail-card-label{color:var(--text-secondary);font-size:.85rem;flex-shrink:0}.detail-card-value{font-weight:500;text-align:right;font-size:.9rem}.detail-card-value--mono{font-family:var(--mono-stack);font-size:.82rem;word-break:break-all}.detail-card-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:0 4px;margin:0 0 8px}.detail-card-item{padding:10px 16px;border-bottom:1px solid var(--border)}.detail-card-item-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.detail-card-item-name{font-weight:600;font-size:.88rem}.detail-card-item-price{font-weight:600;font-size:.88rem;font-family:var(--mono-stack);white-space:nowrap}.detail-card-item-sub{font-size:.78rem;color:var(--text-secondary);margin-top:1px}.detail-card-item-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.detail-card-row--total{font-weight:700;font-size:1rem;border-top:1px solid var(--border)}.detail-card-row--discount{color:var(--success)}.detail-card-photo{text-align:center}.detail-card-photo-label{font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.detail-card-img{max-width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}@media(max-width:480px){.detail-card-row{padding:8px 14px;font-size:.84rem;gap:8px}.detail-card-item{padding:8px 14px}.detail-card-item-name,.detail-card-item-price{font-size:.84rem}.detail-card-section-title{font-size:.72rem}}.tag-outline{background:transparent;border:1px solid var(--border);color:var(--text);font-size:.75rem;padding:2px 8px;border-radius:99px}.spacer-12{height:12px}.input-group{margin-bottom:16px;min-width:0}.customer-form-modal{display:flex;flex-direction:column;gap:14px}.customer-form-section{border:1px solid rgba(0,0,0,.08);border-radius:calc(var(--radius) + 2px);background:linear-gradient(180deg,#fffffffa,#f7f7fafa);padding:16px;box-shadow:0 1px #ffffffb3 inset}.customer-form-section--highlight{border-color:#185ee029;background:linear-gradient(180deg,#fafcfffa,#f2f7fffa)}.customer-form-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid rgba(0,0,0,.08)}.customer-form-section-title{font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.customer-form-section-subtitle{margin-top:4px;font-size:.82rem;line-height:1.5;color:var(--text-secondary)}.input-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.input,.select{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);font-size:15px;font-family:inherit;background:var(--bg-secondary);transition:all .2s ease}input[type=date].input,input[type=time].input,input[type=datetime-local].input{-webkit-appearance:none;appearance:none}.input--compact{padding:.5rem .75rem}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #185ee026}.table-container{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}.table{width:100%;border-collapse:collapse}.table th{background:var(--bg-tertiary);padding:10px 14px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sortable:hover{color:var(--text-primary)}.sort-indicator{font-size:10px;opacity:.6}.table td{padding:10px 14px;border-top:1px solid var(--border);font-size:14px}.table-actions{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.table tr:hover td{background:var(--bg-primary)}button.clickable-row,button.table-card{-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer;display:block;width:100%}button.ios-cell{-webkit-appearance:none;appearance:none;border:none;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer;display:flex;width:100%}tr.clickable-row{cursor:pointer}.table-card-list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0}.table-card{background:var(--bg-secondary);border-radius:var(--radius);padding:12px 16px;box-shadow:var(--shadow);transition:box-shadow .2s ease}.table-card:hover{box-shadow:var(--shadow-lg)}.table-card-row{margin-bottom:6px;font-size:14px}.table-card-actions{margin-top:8px;display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.table-card-label{color:var(--text-secondary);font-size:12px;margin-right:6px}.table-card-row--void{text-decoration:line-through;opacity:.55}.table-group-row td,.table-group-cell{background:var(--bg-secondary, #f5f5f5);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);padding:8px 12px!important;border-bottom:1px solid var(--border)}.table-group-header{font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);padding:12px 4px 6px;border-bottom:1px solid var(--border)}.ios-cell{background:var(--bg-secondary);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);display:flex;align-items:flex-start;gap:12px;width:100%;transition:box-shadow .2s ease}.ios-cell:active{background:var(--bg-tertiary)}.ios-cell-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ios-cell-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.ios-cell-row--top{align-items:baseline}.ios-cell-row--top .ios-cell-date{font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.ios-cell-row--top .ios-cell-saldo-label{flex-shrink:0;text-align:right}.ios-cell-row--mid{align-items:center;margin-top:2px}.ios-cell-status-tag{flex-shrink:0}.ios-cell-row--bot{align-items:center}.ios-cell-row--bot .ios-cell-meta{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ios-cell-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.ios-cell-header .tag{flex-shrink:0;white-space:nowrap}.ios-cell-title{font-family:var(--mono-stack);font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase}.ios-cell-amount{font-size:15px;font-weight:700;color:var(--text-primary);flex-shrink:0;white-space:nowrap}.ios-cell-meta{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.ios-cell-chevron{color:var(--text-secondary);opacity:.35;font-size:22px;flex-shrink:0;line-height:1;margin-top:2px}.ios-cell--voided{opacity:.55}.ios-cell--voided .ios-cell-amount{text-decoration:line-through}.ios-cell-icon-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;margin-top:2px}.ios-cell-icon-circle .icon{color:inherit}.ios-cell-icon--in{background:#34c7591f;color:var(--success)}.ios-cell-icon--out{background:#ff3b301f;color:var(--danger)}.ios-cell-icon--void{background:var(--bg-tertiary);color:var(--text-secondary)}.ios-cell-title-text{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.ios-cell-amount--in{color:var(--success)}.ios-cell-amount--out{color:var(--danger)}.ios-cell-balance{font-size:12px;font-weight:500;color:var(--text-secondary);margin-top:2px}.ios-cell-saldo{font-size:17px;font-weight:700;color:var(--text-primary);margin-top:1px}.ios-cell-saldo-label{font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.ios-cell-nominal{font-size:15px;font-weight:600;line-height:1.3;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ios-cell-inv-number{font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ios-cell-customer{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.ios-cell-amount-sm{font-size:13px;font-weight:600}.ios-cell-meta-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-top:2px}.ios-cell-date{white-space:nowrap;font-weight:500}.ios-cell-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.ios-cell-desc:before{content:"·";margin-right:6px}.ios-cell-actions-row{display:flex;gap:6px;margin-top:8px;justify-content:flex-end}.ios-cell-icon--customer{background:#185ee01f;color:var(--accent);font-size:16px;font-weight:700}.ios-cell-icon--employee{background:#5856d61f;color:var(--text-primary);font-size:16px;font-weight:700}.ios-cell-icon--service{background:#34c7591f;color:var(--success)}.ios-cell-icon--product{background:#ff95001f;color:var(--warning)}.ios-cell-icon--role{background:#ffcc001f;color:#6b4400}.ios-cell-icon--wallet-cash{background:#34c7591f;color:var(--success)}.ios-cell-icon--wallet-bank{background:#185ee01f;color:var(--accent)}.ios-cell-icon--wallet-petty_cash{background:#ff95001f;color:var(--warning)}.page-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.app-error-card{margin:32px;text-align:center;padding:32px}.app-error-title{margin:12px 0 8px}.app-error-text{color:var(--text-secondary);margin-bottom:16px}.expiry-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--warning-bg, #fff3cd);color:var(--warning-text, #856404);border-bottom:1px solid var(--warning-border, #ffc107);font-size:14px;z-index:50}.expiry-banner .icon{flex-shrink:0;width:18px;height:18px}.card-header-end{justify-content:flex-end}.coa-code-inline{font-family:var(--mono-stack);margin-right:8px}.coa-system-tag{font-size:10px;padding:1px 5px}.coa-code-only,.input-mono{font-family:var(--mono-stack)}.input-hint-spaced{margin-top:8px}.item-mobile-price{font-size:15px}.item-mobile-meta-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.item-mobile-tag{font-size:11px;padding:1px 6px}.item-mobile-category{color:var(--text-secondary);font-size:12px}.inline-actions-row-tight{display:flex;gap:4px}.inline-actions-row-wrap{display:flex;gap:8px;flex-wrap:wrap}.loyalty-caption{font-size:.85rem;margin:0 0 16px}.loyalty-caption--tight{margin:0}.loyalty-actions-top{margin-top:12px}.loyalty-empty{padding:24px 0}.btn-push-left{margin-right:auto}.skeleton-list{display:flex;flex-direction:column;gap:1px;background:var(--border)}.skeleton-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-secondary)}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-primary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-line--title{width:45%;height:16px}.skeleton-line--subtitle{width:65%}.skeleton-line--meta{width:30%;height:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:8px 0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid rgba(255,59,48,.35);color:var(--color-danger);font-size:.85rem}.error-banner-text{flex:1}.error-banner-btn{padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-danger);background:transparent;color:var(--color-danger);font-size:.8rem;cursor:pointer;white-space:nowrap}.error-banner-btn:hover{background:color-mix(in srgb,var(--color-danger) 15%,transparent)}.error-banner-dismiss{background:none;border:none;color:var(--color-danger);font-size:1.2rem;cursor:pointer;padding:0 4px;line-height:1;opacity:.6}.error-banner-dismiss:hover{opacity:1}.segment-control{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px;gap:2px;margin-bottom:16px}.segment-btn{flex:1;padding:8px 16px;border:none;border-radius:6px;background:transparent;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-family:inherit}.segment-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.pos-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;min-height:0}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.item-card{background:var(--bg-secondary);border-radius:var(--radius);padding:16px;text-align:center;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,border-color .2s ease;border:2px solid transparent;box-shadow:var(--shadow);-webkit-tap-highlight-color:transparent}@media(max-width:480px){.item-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.item-card{padding:10px 8px}.item-name{font-size:12px}.item-price{font-size:13px}.item-icon{width:36px;height:36px;font-size:16px;margin:0 auto 8px}}.item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.item-card:active{transform:scale(.95);box-shadow:var(--shadow)}.item-icon{width:48px;height:48px;background:linear-gradient(135deg,#ff6b35,#ff9500);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:20px;color:#fff;box-shadow:0 2px 8px #ff6b354d}.item-icon .icon{color:#fff}.item-icon--product{background:linear-gradient(135deg,#4a90d9,#67b8f7);box-shadow:0 2px 8px #4a90d94d}.item-group-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:8px 0 4px;margin-top:4px}.loyalty-redeem-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}.loyalty-redeem-header{display:flex;align-items:center;justify-content:space-between}.loyalty-redeem-info{display:flex;flex-direction:column;gap:2px}.loyalty-redeem-title{font-size:15px;font-weight:600;color:var(--text-primary)}.loyalty-redeem-balance{font-size:13px;color:var(--text-secondary)}.ios-toggle{position:relative;display:inline-flex;cursor:pointer;-webkit-tap-highlight-color:transparent}.ios-toggle input{position:absolute;opacity:0;width:0;height:0}.ios-toggle-track{width:51px;height:31px;background:var(--bg-tertiary);border-radius:15.5px;position:relative;transition:background .25s ease}.ios-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026,0 1px 1px #0000000f;transition:transform .25s ease}.ios-toggle input:checked+.ios-toggle-track{background:var(--success)}.ios-toggle input:checked+.ios-toggle-track:after{transform:translate(20px)}.item-name{font-size:14px;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-price{font-size:15px;font-weight:700;color:var(--text-primary)}.item-card .item-name,.item-card .item-price{color:var(--text-primary)}.cart-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%}.cart-items{flex:1;overflow-y:auto;margin:16px 0}.cart-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary);border-radius:var(--radius);margin-bottom:8px}.cart-item-info{flex:1}.cart-item-name{font-size:14px;font-weight:500}.cart-item-price{font-size:13px;color:var(--text-secondary)}.cart-item-actions{display:flex;align-items:center;gap:8px}.qty-btn{width:28px;height:28px;border:none;background:var(--bg-tertiary);border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qty-btn:hover{background:var(--accent);color:#fff}.cart-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.cart-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.cart-summary{border-top:1px solid var(--border);padding-top:16px}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.summary-row.total{font-size:18px;font-weight:600;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.discount-text{color:var(--success)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.auth-container{min-height:100vh}.form-row--2{grid-template-columns:repeat(2,1fr)}.form-row--3{grid-template-columns:repeat(3,1fr)}@media(max-width:600px){.form-row--2,.form-row--3{grid-template-columns:1fr}}.form-group{margin-bottom:12px}.form-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-group>.form-label:has(input[type=checkbox]),.form-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text);font-weight:400;-webkit-user-select:none;user-select:none;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);transition:border-color .15s,background .15s}.form-group>.form-label:has(input[type=checkbox]):hover,.form-checkbox-label:hover{border-color:var(--accent);background:#185ee00a}.form-group>.form-label:has(input[type=checkbox]) input[type=checkbox],.form-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;margin:0}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-section{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:16px}.form-section-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);padding:0 4px}@media(max-width:480px){.form-section{padding:10px}}.input-hint{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:4px}.input--readonly{background:var(--bg-secondary, #f5f5f5);padding:10px 12px;border-radius:8px;font-weight:600;cursor:default}.journal-preview{background:#f0f7ff;padding:8px 12px;border-radius:8px;font-size:.92em}.input-label-row{display:flex;align-items:center;gap:6px}.field-help{position:relative;display:inline-flex;align-items:center}.field-help-button{width:18px;height:18px;border:0;border-radius:50%;padding:0;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--border);transition:background .16s ease,color .16s ease,box-shadow .16s ease}.field-help-button:hover,.field-help:focus-within .field-help-button{background:#ffffffeb;color:var(--accent);box-shadow:inset 0 0 0 1px #0a84ff59,0 2px 8px #00000014}.field-help-icon{width:14px;height:14px}.field-help-tooltip{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);min-width:220px;max-width:300px;padding:9px 11px;border-radius:13px;border:1px solid rgba(60,60,67,.2);background:#ffffffdb;-webkit-backdrop-filter:saturate(170%) blur(14px);backdrop-filter:saturate(170%) blur(14px);color:var(--text-primary);font-size:.76rem;line-height:1.38;box-shadow:0 10px 28px #0f172a29,0 2px 6px #0f172a14;opacity:0;pointer-events:none;z-index:40;transition:opacity .18s ease,transform .18s ease}.field-help-tooltip:before{content:"";position:absolute;top:-6px;left:50%;width:10px;height:10px;transform:translate(-50%) rotate(45deg);background:inherit;border-left:1px solid rgba(60,60,67,.2);border-top:1px solid rgba(60,60,67,.2)}.field-help:hover .field-help-tooltip,.field-help:focus-within .field-help-tooltip,.field-help.is-open .field-help-tooltip{opacity:1;transform:translate(-50%) translateY(2px)}@media(max-width:600px){.field-help-tooltip{left:0;transform:none;max-width:min(280px,calc(100vw - 48px))}.field-help-tooltip:before{left:12px;transform:rotate(45deg)}.field-help:hover .field-help-tooltip,.field-help:focus-within .field-help-tooltip,.field-help.is-open .field-help-tooltip{transform:translateY(2px)}}.day-toggles{display:flex;gap:4px;flex-wrap:wrap}.day-toggle{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;font-size:.8rem;font-weight:500;transition:background .15s,color .15s}.day-toggle:hover{background:var(--bg-tertiary)}.day-toggle--active{background:var(--accent);color:#fff;border-color:var(--accent)}.checkbox-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.checkbox-list-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.checkbox-list-item:hover{background:var(--bg-tertiary)}.checkbox-list-item.disabled{opacity:.5;cursor:not-allowed}.invite-code-block{text-align:center;padding:1rem 0}.invite-code{display:inline-block;font-family:var(--mono-stack);font-size:1.3rem;letter-spacing:3px;background:var(--bg-tertiary);padding:8px 24px;border-radius:var(--radius)}@media(max-width:600px){.form-row-3{grid-template-columns:1fr}}.hours-grid{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.hours-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border)}.hours-row:last-child{border-bottom:none}.hours-row--closed{background:var(--bg-primary)}.hours-day{display:flex;align-items:center;gap:8px;min-width:110px;font-size:.9rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.hours-day input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.hours-times{display:flex;align-items:center;gap:8px;flex:1}.hours-input{width:130px!important;flex:0 0 auto;padding:6px 10px!important;font-size:.9rem!important}.hours-sep{color:var(--text-secondary);font-size:.85rem}@media(max-width:600px){.hours-row{flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px}.hours-day{min-width:unset;font-size:.85rem}.hours-times{width:100%;padding-left:0;box-sizing:border-box}.hours-input{flex:1 1 0!important;width:0!important;min-width:0!important;font-size:.8rem!important;padding:6px 4px!important}}.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;padding:1rem}.modal{position:relative;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:32px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn .3s ease}@media(max-width:600px){.modal-overlay{padding:0;align-items:stretch;justify-content:stretch;height:100vh;height:100dvh}.modal{padding:16px;border-radius:0;max-width:100%!important;width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;min-height:unset;display:flex;flex-direction:column;overflow-y:hidden;box-shadow:none;animation:modalSlideIn .25s ease}.modal .modal-body{flex:1 1 0;overflow-y:auto;min-height:0}.modal .modal-footer{flex-shrink:0;margin-top:0;padding-top:12px}.modal-header{margin-bottom:16px}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:0}.modal-overlay:has(.modal-compact){padding:24px 16px;align-items:center;justify-content:center;height:auto}.modal.modal-compact{height:auto;min-height:unset;max-height:85vh;max-height:85dvh;overflow-y:auto;display:block;border-radius:var(--radius);box-shadow:var(--shadow);animation:modalIn .2s ease}.modal-compact .modal-body{overflow-y:unset;flex:unset}.modal-compact .modal-footer{padding-top:0}.modal-compact .modal-footer .btn{flex:0 0 auto}}@keyframes modalSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{text-align:center;margin-bottom:24px}.modal-icon{font-size:48px;margin-bottom:12px}.modal-title{font-size:22px;font-weight:600}.modal-subtitle{color:var(--text-secondary);font-size:14px}.receipt{background:var(--bg-primary);border-radius:var(--radius);padding:20px;font-size:14px;margin-bottom:20px}.receipt-logo{text-align:center;margin-bottom:4px}.receipt-logo img{max-width:80px;max-height:80px;object-fit:contain;border-radius:8px}.receipt-company-name{text-align:center;font-weight:700;font-size:15px;text-transform:uppercase;margin-bottom:2px}.receipt-company-info{text-align:center;font-size:12px;color:var(--text-secondary);line-height:1.4}.receipt-row{display:flex;justify-content:space-between;margin-bottom:6px}.receipt-divider{border:none;border-top:1px dashed var(--border);margin:12px 0}.receipt-total{font-weight:600;font-size:16px}.receipt-loyalty{margin-top:10px;padding:8px;background:var(--bg-secondary);border-radius:var(--radius);font-size:12px;text-align:center;color:var(--text-secondary)}.receipt-footer{text-align:center;font-size:12px;color:var(--text-secondary);line-height:1.5}.receipt-footer-sub{font-style:italic;margin-top:2px}.receipt-footer-review{margin-top:6px;font-size:11px;word-break:break-all}.print-receipt{display:none!important}@media print{body>*{display:none!important}.modal-overlay{display:flex!important;position:static!important;background:none!important}.modal{box-shadow:none!important;border:none!important;max-width:100%!important;width:100%!important;padding:0!important;background:#fff!important;color:#000!important}.modal-header,.modal-footer,.modal .mt-2{display:none!important}.receipt{padding:0!important;margin:0!important;font-size:11px!important;color:#000!important;background:#fff!important}.receipt-logo img{max-width:48px!important;max-height:48px!important}.receipt-company-name{font-size:13px!important;color:#000!important}.receipt-company-info{font-size:10px!important;color:#333!important}.receipt-row{margin-bottom:1px!important;font-size:11px!important}.receipt-divider{margin:4px 0!important;border-top-color:#999!important}.receipt-total{font-size:13px!important}.receipt-loyalty{background:none!important;padding:4px 0!important;font-size:10px!important;color:#000!important}.receipt-footer{font-size:10px!important;color:#333!important}.receipt-footer-review{font-size:9px!important}.detail-card{display:none!important}.print-receipt{display:block!important}@page{size:80mm auto;margin:2mm}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-secondary);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.stat-icon{font-size:24px;margin-bottom:8px}.stat-label{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.stat-value{font-size:28px;font-weight:600;word-break:break-all}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:20px}.stat-card{padding:14px}}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0;background:var(--bg-tertiary);color:var(--text-secondary)}.tag-sm{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:500;display:inline-flex;align-items:center;background:#185ee014;color:var(--accent);white-space:nowrap;flex-shrink:0}.filter-count{color:var(--text-secondary);font-size:13px;white-space:nowrap}.load-more-wrapper{text-align:center;padding:12px 0}.tag-success{background:#34c75926;color:var(--success)}.tag-warning{background:#ff950026;color:var(--warning)}.tag-info{background:#185ee01a;color:var(--accent)}.tag-danger{background:#ff3b301a;color:var(--danger)}.tag--success{background:#34c75926;color:var(--success)}.tag--muted{background:var(--bg-tertiary);color:var(--text-secondary);opacity:.7}.tag--ok{background:#34c7591f;color:var(--success)}.tag--warn{background:#ff95001f;color:var(--warning)}.select-compact{font-size:12px;padding:4px 8px;min-height:0;height:auto;width:auto;min-width:120px;border-radius:6px}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:#e68a00}.icon-inline{width:14px;height:14px;vertical-align:-2px}.icon-title{width:22px;height:22px;vertical-align:-4px;margin-right:4px}.icon-empty{width:48px;height:48px;opacity:.4;color:var(--text-secondary)}.icon-success-lg{width:48px;height:48px;color:var(--success)}.icon-warning-lg{width:48px;height:48px;color:var(--warning)}.perm-grid{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.perm-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border)}.perm-row:last-child{border-bottom:none}.perm-row-header{background:var(--bg-tertiary);padding:6px 14px}.perm-row-header .perm-actions{font-size:.78rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.perm-row-all{background:var(--bg-tertiary)}.perm-resource-label{display:flex;align-items:center;gap:8px;width:200px;flex-shrink:0;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.perm-resource-label span{display:flex;flex-direction:column;line-height:1.3}.perm-resource-desc{font-size:.75rem;color:var(--text-secondary);font-weight:400}.perm-actions{display:grid;grid-template-columns:repeat(5,60px);gap:4px}.perm-col-header{text-align:center}.perm-action-label{display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.perm-action-label input[type=checkbox],.perm-resource-label input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}@media(max-width:600px){.perm-row{flex-direction:column;align-items:flex-start;gap:6px}.perm-row-header{display:none}.perm-resource-label{min-width:unset;width:auto;font-size:.85rem}.perm-actions{padding-left:24px;grid-template-columns:repeat(5,44px);gap:2px}.perm-action-label{font-size:.78rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(1100px 560px at 50% -20%,rgba(24,94,224,.18),transparent 62%),radial-gradient(700px 360px at 100% 0%,rgba(23,36,58,.08),transparent 56%),#f8fafc}.auth-card{background:#fff;border:1px solid #E2E8F0;border-radius:24px;padding:48px;text-align:center;box-shadow:0 20px 40px #17243a14;max-width:400px;width:90%}@media(max-width:480px){.auth-card{padding:28px 20px;width:94%}.auth-title{font-size:22px}}.auth-card form{text-align:left}.company-picker-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.onboarding-wrap{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px 16px;background:var(--bg, #f5f5f5)}.company-picker-card{background:#fff;padding:32px 28px;border-radius:var(--radius-lg);max-width:400px;width:100%;box-shadow:var(--shadow-lg)}.company-picker-card h2{text-align:center;margin-bottom:4px}.company-picker-card>p{text-align:center;margin-bottom:20px}.company-picker-card .input-group{margin-bottom:16px}.company-picker-card select.input{width:100%}.customer-picker{position:relative;width:100%}.customer-picker .input{width:100%}.form-row .customer-picker{grid-column:1 / -1}.picker-list{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:200px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-lg);margin-top:4px}.picker-item{padding:10px 14px;cursor:pointer;font-size:14px;transition:background .15s ease}.picker-item:hover{background:var(--bg-tertiary)}.picker-item.active{background:#185ee014;color:var(--accent);font-weight:500}.picker-item.empty{color:var(--text-secondary);cursor:default}.picker-item--add{color:var(--accent);font-weight:500;display:flex;align-items:center;gap:6px;border-top:1px solid var(--border)}.picker-add-form{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);margin-top:4px;padding:10px 12px;z-index:100;display:flex;flex-direction:column;gap:8px}.picker-add-actions{display:flex;gap:6px;justify-content:flex-end}.profile-info-grid{display:flex;flex-direction:column;gap:0}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.profile-info-row:last-child{border-bottom:none}.profile-info-label{font-size:14px;color:var(--text-secondary);font-weight:500;min-width:100px}.profile-info-value{font-size:14px;color:var(--text-primary);text-align:right}.profile-edit-form{display:flex;flex-direction:column;gap:4px}.profile-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.profile-save-msg{margin:0 0 12px}.profile-tags-list{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 8px}@media(max-width:600px){.icon-only-mobile{font-size:0!important;gap:0!important;padding:6px 8px!important;min-width:0!important}.icon-only-mobile .btn-label{font-size:0;gap:0}.icon-only-mobile .icon,.icon-only-mobile .icon-inline{width:18px!important;height:18px!important}}.export-btn-wrap{position:relative;display:inline-flex}.export-btn-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:100;min-width:160px;background:var(--bg-card, #fff);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001f;overflow:hidden}.export-btn-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;font-size:14px;color:var(--text-primary);cursor:pointer;text-align:left}.export-btn-option:hover{background:var(--bg-hover, #f5f5f5)}.export-btn-option+.export-btn-option{border-top:1px solid var(--border)}.auth-spinner{width:48px;height:48px;border:4px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin:16px auto 0}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--bg-primary);gap:24px}.loading-text{font-size:15px;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.loading-spinner-ring{display:inline-block;position:relative;width:56px;height:56px}.loading-spinner-ring div{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:4px;border:4px solid var(--accent);border-radius:50%;animation:loading-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--accent) transparent transparent transparent}.loading-spinner-ring div:nth-child(1){animation-delay:-.45s}.loading-spinner-ring div:nth-child(2){animation-delay:-.3s}.loading-spinner-ring div:nth-child(3){animation-delay:-.15s}@keyframes loading-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-logo{font-size:56px;margin-bottom:16px}.brand-logo.small{height:28px;width:auto;max-width:96px}.brand-text{margin-left:8px;font-weight:600;vertical-align:middle}.auth-logo-img{width:176px;max-width:70%;height:auto;display:block;margin:0 auto 16px}.auth-logo-back{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin:0 auto 16px;transition:opacity .2s ease}.auth-logo-back:hover{opacity:.7}.auth-logo-back .auth-logo-img{margin:0;width:132px;max-width:48vw}.auth-title{font-size:28px;font-weight:600;margin-bottom:8px}.auth-subtitle{color:var(--text-secondary);margin-bottom:32px}.divider{height:1px;background:var(--border);margin:24px 0;border:none}.separator{text-align:center;color:var(--text-secondary);margin:16px 0;position:relative;padding:0 8px;background:var(--bg-secondary);display:inline-block}.separator:before,.separator:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:var(--border)}.separator:before{left:-35%}.separator:after{right:-35%}.label-row{display:flex;justify-content:space-between;align-items:center}.forgot-link{font-size:.85rem;color:var(--brand-primary);text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-link-button{background:transparent;border:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline}.password-wrapper{position:relative;width:100%}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.1rem}.password-toggle:focus{outline:none}.password-icon{width:20px;height:20px}.btn-google{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);width:100%;padding:14px 24px;font-size:16px}.btn-google:hover{background:var(--bg-primary)}.error-message{background:#fee2e2;color:#7f1d1d;border:1px solid #FCA5A5;padding:12px 16px;border-radius:var(--radius);font-size:14px;margin-bottom:16px;text-align:left;line-height:1.45}.auth-note{display:block;width:100%;box-sizing:border-box;margin-top:12px;margin-bottom:8px;padding:10px 12px;border-radius:var(--radius-sm);text-align:left;line-height:1.45;white-space:normal;word-break:break-word;font-size:13px}.auth-note--info{border:1px solid #93C5FD;background:#eaf2ff;color:#102a56}.auth-note--success{border:1px solid #86EFAC;background:#dcfce7;color:#14532d}@media(max-width:899px){.pos-layout{grid-template-columns:1fr}.nav-tabs{display:none}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.customer-form-modal{gap:10px}.customer-form-section{padding:14px}.customer-form-section-header{padding-bottom:10px;margin-bottom:12px}.form-row{gap:8px}.input-group{margin-bottom:12px}.input,.select{padding:10px 12px;font-size:14px}.btn{padding:8px 14px;font-size:14px}.btn-sm{padding:5px 10px;font-size:12px}.filter-preset{padding:5px 10px;font-size:.75rem}.filter-bar--inline{display:flex;flex-wrap:wrap;gap:4px}.filter-bar--inline .select,.filter-bar--inline select.filter-preset-select{flex:1 1 auto;min-width:0}.filter-bar--inline .search-box{flex:0 0 auto;transition:flex .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1)}.filter-bar--inline .search-box--expanded{flex:1 1 100%;min-width:140px}.filter-bar--inline .filter-date--compact{flex:1 1 80px;min-width:80px}.filter-bar--inline .filter-separator{flex:0 0 auto}.filter-bar--inline .filter-dates{width:100%}input.filter-date--compact{min-width:0;max-width:none;padding:6px 8px;font-size:12px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px}.report-summary--4col{grid-template-columns:repeat(4,1fr)}.report-summary--5col{grid-template-columns:repeat(5,1fr)}.report-summary--6col{grid-template-columns:repeat(6,1fr)}.report-summary-card{background:var(--bg-primary);border-radius:var(--radius-sm);padding:14px 16px;text-align:center}.report-summary-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.report-summary-value{font-family:var(--mono-stack);font-size:1.05rem;font-weight:700;color:var(--text-primary)}.report-summary-value--positive{color:var(--success)}.report-summary-value--negative{color:var(--danger)}.combo-input{position:relative}.combo-input-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:180px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-lg);margin-top:4px;list-style:none;padding:0}.combo-input-dropdown li{list-style:none}.combo-input-option{display:block;width:100%;padding:10px 14px;cursor:pointer;font-size:14px;text-align:left;background:none;border:none;color:inherit;font-family:inherit;transition:background .15s ease}.combo-input-option:hover,.combo-input-option--active{background:var(--bg-tertiary)}.customer-highlights-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.customer-highlights-grid{grid-template-columns:1fr 1fr}}.customer-highlight-group{display:flex;flex-direction:column;gap:8px}.customer-highlight-group-label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.04em;padding-top:8px}.customer-highlight-group:first-child .customer-highlight-group-label{padding-top:0}.customer-highlight-group .customer-highlight-item:last-child{border-bottom:1px solid var(--border)}.customer-highlight-group:last-child .customer-highlight-item:last-child{border-bottom:none}.customer-highlight-list{display:flex;flex-direction:column;gap:8px}.customer-highlight-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.customer-highlight-item:last-child{border-bottom:none}.customer-highlight-rank{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-hover);font-weight:700;font-size:.85rem;color:var(--text-secondary)}.customer-highlight-info{display:flex;flex-direction:column;gap:2px;min-width:0}.customer-highlight-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-highlight-detail{font-size:.8rem;color:var(--text-secondary)}.text-right{text-align:right}.text-center{text-align:center}.text-muted-hint{color:var(--text-secondary);text-align:center;padding:12px 0}.delta-badge--neutral{color:var(--color-muted);font-size:.8em}.delta-badge--positive{color:var(--color-success);font-size:.85em;white-space:nowrap}.delta-badge--negative{color:var(--color-danger);font-size:.85em;white-space:nowrap}.report-employee-card{padding:0;overflow:hidden}.report-employee-header{display:flex;align-items:center;gap:12px;width:100%;padding:14px 32px 14px 20px;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s ease;position:relative}.report-employee-header:hover{background:var(--bg-primary)}.report-employee-info{flex:1;min-width:0}.report-employee-name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.report-employee-meta{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.report-trend--up{color:var(--success);font-weight:600}.report-trend--down{color:var(--danger);font-weight:600}.report-trend--flat{color:var(--text-secondary)}.report-summary--perf{margin-top:8px}.report-summary-sub{font-size:.7rem;color:var(--text-secondary);margin-left:4px}.report-employee-totals{display:flex;gap:10px;align-items:center;flex-shrink:0}.report-amount{font-family:var(--mono-stack);font-size:.85rem;font-weight:600;white-space:nowrap}.report-amount--positive{color:var(--success)}.report-amount--negative{color:var(--danger)}.report-amount--net{font-weight:700;font-size:.95rem;color:var(--text-primary)}.report-chevron{font-size:1.3rem;color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.report-chevron--open{transform:rotate(90deg)}.cf-chevron{display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--text-secondary);margin-right:8px;vertical-align:middle;transition:transform .2s ease}.cf-chevron--open{transform:rotate(90deg)}.cf-wallet-row{color:var(--text-secondary);font-size:.9em}.cf-wallet-row td{border-top:none!important;padding-top:2px;padding-bottom:2px}.cf-wallet-name{padding-left:28px!important}.report-employee-detail{border-top:1px solid var(--border);padding:12px 20px 16px;background:var(--bg-primary)}.report-section{margin-bottom:12px}.report-section:last-child{margin-bottom:0}.report-section-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.report-section-title--with-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.report-section-actions{display:flex;align-items:center;gap:8px}.report-detail-table{display:flex;flex-direction:column;gap:6px}.report-detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.report-detail-name{font-size:.88rem;color:var(--text-primary)}.commission-matrix{border-collapse:collapse}.commission-matrix-item-col{min-width:120px;position:sticky;left:0;background:var(--bg-secondary);z-index:1}.commission-matrix-item-name{font-weight:600;font-size:.88rem}.commission-matrix-item-price{font-size:.78rem;color:var(--text-secondary);font-family:var(--mono-stack)}.commission-matrix-cell-header{text-align:center;min-width:80px;white-space:nowrap}@media(max-width:600px){.commission-matrix-item-col{min-width:100px}.commission-matrix-item-name{font-size:.8rem}.commission-matrix-item-price{font-size:.72rem}.commission-matrix-cell{padding:6px 4px!important}.commission-matrix-cell-rate{font-size:.75rem}.commission-matrix-cell-header{min-width:64px}.commission-matrix-emp-name{font-size:.7rem}}.commission-matrix-emp-name{font-size:.78rem;font-weight:500}.commission-matrix-cell{text-align:center;cursor:pointer;padding:8px 6px!important;transition:background .15s;border:1px solid var(--border);vertical-align:middle}.commission-matrix-cell:hover{background:var(--bg-hover)}.commission-matrix-cell--active{background:#185ee00f}.commission-matrix-cell--active:hover{background:#185ee01f}.commission-matrix-cell--inactive{opacity:.4}.commission-matrix-cell-content{display:flex;flex-direction:column;align-items:center;gap:2px}.commission-matrix-cell-check{color:var(--accent);line-height:1}.commission-matrix-cell-rate{font-family:var(--mono-stack);font-size:.82rem;font-weight:600}.commission-matrix-cell-ot{font-size:.7rem;color:var(--text-secondary)}.commission-matrix-cell-empty{color:var(--text-secondary);font-size:.85rem}.commission-detail-table{font-size:.85rem}.commission-detail-table th,.commission-detail-table td{padding:8px 10px;white-space:nowrap}@media(max-width:600px){.commission-detail-table th,.commission-detail-table td{padding:6px;font-size:.78rem}.commission-detail-table{font-size:.78rem}}.commission-date{display:block;font-weight:500}.commission-time{display:block;font-size:.78rem;color:var(--text-secondary)}.commission-invoice{font-family:var(--mono-stack);font-size:.8rem}.commission-row--ot{background:#185ee00a}.commission-group-row{cursor:pointer}.commission-group-row td{background:var(--bg-secondary);font-weight:600}.commission-group-row:hover td{background:var(--bg-primary)}.commission-group-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.commission-group-row--open td{border-bottom-color:var(--border)}.commission-group-row--adjustment td{font-weight:400}.commission-group-label-soft{font-weight:400;color:var(--text-primary)}.commission-group-date-cell{min-width:160px}.commission-group-date-value{font-weight:700;color:var(--text-primary)}.commission-th-right,.commission-td-right{text-align:right}.commission-col-qty{text-align:right;font-family:var(--mono-stack);font-variant-numeric:tabular-nums}.commission-ot-chip{margin-left:4px;font-size:10px}.commission-table-meta{display:inline-block;color:var(--text-secondary);font-size:.78rem}.commission-group-placeholder{color:var(--text-secondary);font-size:.78rem}.commission-group-ot-tag{vertical-align:middle}.commission-group-list{display:flex;flex-direction:column;gap:8px}.commission-group-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);overflow:hidden}.commission-group-header{width:100%;border:none;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;cursor:pointer;font-family:inherit;text-align:left}.commission-group-header:hover{background:var(--bg-primary)}.commission-group-main{min-width:0;flex:1}.commission-group-invoice{font-family:var(--mono-stack);font-weight:700;color:var(--text-primary);font-size:.84rem}.commission-group-meta{margin-top:2px;color:var(--text-secondary);font-size:.76rem}.commission-group-totals{display:flex;align-items:center;gap:10px;flex-shrink:0}.commission-group-gross{font-size:.8rem;color:var(--text-secondary);font-family:var(--mono-stack)}.commission-group-amount-wrap{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;width:100%}.commission-group-table-wrap{border-top:1px solid var(--border)}.commission-summary-section{border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.commission-summary-row{padding:4px 0}.commission-attendance-wrap{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:68%}.commission-attendance-progress-meter{width:88px;height:7px;border-radius:999px;overflow:hidden;border:none}.commission-attendance-progress-meter::-webkit-progress-bar{background:var(--bg-tertiary);border-radius:999px}.commission-attendance-progress-meter::-webkit-progress-value{border-radius:999px}.commission-attendance-progress-meter.is-good::-webkit-progress-value{background:var(--success)}.commission-attendance-progress-meter.is-mid::-webkit-progress-value{background:var(--warning)}.commission-attendance-progress-meter.is-low::-webkit-progress-value{background:var(--danger)}.commission-attendance-progress-meter::-moz-progress-bar{border-radius:999px}.commission-attendance-progress-meter.is-good::-moz-progress-bar{background:var(--success)}.commission-attendance-progress-meter.is-mid::-moz-progress-bar{background:var(--warning)}.commission-attendance-progress-meter.is-low::-moz-progress-bar{background:var(--danger)}.commission-attendance-hint{font-size:.83rem;color:var(--text-secondary)}.commission-attendance-hint--warn{color:var(--warning);font-weight:600}.commission-group-row--clickable{cursor:pointer}.commission-summary-row--total{border-top:2px solid var(--border);padding-top:8px;margin-top:4px}.report-summary-value--accent,.report-amount--accent{color:var(--accent)}@media(max-width:600px){.attendance-admin-table-wrap{display:none}.attendance-admin-mobile-list{display:block}.attendance-admin-filter{max-width:100%}.report-summary{grid-template-columns:1fr 1fr;gap:8px}.report-summary--4col,.report-summary--5col,.report-summary--6col{grid-template-columns:1fr 1fr}.report-summary-card{padding:10px 8px}.report-summary-label{font-size:.68rem}.report-summary-value{font-size:.9rem}.report-employee-header{flex-wrap:wrap;padding:12px 32px 12px 14px;position:relative}.report-employee-totals{flex-wrap:wrap;gap:6px;width:100%;margin-top:6px}.report-section-title--with-actions{flex-direction:column;align-items:flex-start}.report-section-actions{width:100%;flex-wrap:wrap}.report-section-actions .btn{font-size:12px}.commission-attendance-wrap{max-width:100%;justify-content:flex-start}.commission-group-header{flex-wrap:wrap}.commission-group-totals{width:100%;justify-content:flex-end}.report-amount{font-size:.78rem}.report-chevron{position:absolute;right:14px;top:14px}}@media(max-width:380px){.report-summary{grid-template-columns:1fr}.report-summary--4col{grid-template-columns:1fr 1fr}.report-summary--5col,.report-summary--6col{grid-template-columns:1fr}}@media(max-width:600px){.card-header .btn{font-size:13px;padding:6px 10px}.table-card-actions .btn{font-size:12px;padding:4px 8px}}@media(max-width:480px){.table-card{padding:10px 12px}.table-card-row{font-size:13px;margin-bottom:4px}.table-card-label{font-size:11px}}.cc-wizard-card{overflow:hidden}.cc-wizard-card-header{margin-bottom:4px}.cc-quick-action-label{font-size:12px;color:var(--text-secondary);font-weight:600;margin-right:8px}.cc-quickfab{position:fixed;right:20px;bottom:calc(var(--bottom-nav-height, 64px) + var(--bottom-nav-safe-bottom, env(safe-area-inset-bottom, 0px)) + 76px);z-index:109;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.bottom-nav-more-open .cc-quickfab{opacity:0;pointer-events:none;transform:translateY(8px) scale(.92)}.cc-quickfab-menu{display:flex;flex-direction:column;gap:8px}.cc-quickfab-action{border:none;border-radius:999px;padding:10px 14px;background:#185ee0;color:#fff;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 18px #185ee047}.cc-quickfab-action--warning{background:#f59e0b;color:#17243a}.cc-quickfab-trigger{width:52px;height:52px;border-radius:50%;border:none;background:#185ee0;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #185ee052}.cc-quickfab-trigger--open{background:#17243a}.cc-quickfab-icon{width:22px;height:22px}.cc-context-note{margin-top:8px;color:var(--text-secondary);font-size:13px}.cc-wizard-header{display:flex;align-items:center;justify-content:center;padding:20px 24px 16px;gap:0;overflow-x:auto}.cc-wizard-step{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-family:inherit;white-space:nowrap;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s,opacity .15s;flex-shrink:0}.cc-wizard-step:hover:not(:disabled){background:var(--bg-secondary)}.cc-wizard-step--disabled,.cc-wizard-step:disabled{cursor:not-allowed;opacity:.4}.cc-wizard-step--active{color:var(--accent);font-weight:600}.cc-wizard-step--done{color:var(--success, #22c55e)}.cc-wizard-step-num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:2px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);flex-shrink:0}.cc-wizard-step--active .cc-wizard-step-num{border-color:#185ee0;background:#185ee0;color:#fff}.cc-wizard-step--done .cc-wizard-step-num{border-color:#16a34a;background:#16a34a;color:#052e16}.cc-wizard-step-label{font-size:13px}.cc-wizard-line{flex:1;height:2px;background:var(--border);margin:0 8px;min-width:16px;max-width:48px}.cc-wizard-line--done{background:var(--success, #22c55e)}.cc-wizard-body{padding:0 20px 20px;display:flex;flex-direction:column;gap:16px}.cc-wizard-nav{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border);margin-top:4px}.cc-wizard-success{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:10px}.cc-wizard-success-icon{width:36px;height:36px;border-radius:50%;background:var(--success, #22c55e);color:#052e16;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.cc-wizard-success-meta{font-size:13px;color:var(--text-secondary);margin-top:2px}.cc-wizard-section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text);padding-bottom:4px}.cc-top-row{display:flex;gap:16px}.cc-top-field{flex:1;min-width:0}.cc-step1-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.cc-step1-right{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}.cc-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}.cc-col-denom{width:30%}.cc-col-count{width:28%}.cc-col-sub{width:42%}.cc-th{padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);border-bottom:2px solid var(--border);text-align:left}.cc-th-center{text-align:center}.cc-th-right{text-align:right}.cc-tr{transition:background .1s}.cc-tr:hover{background:var(--bg-secondary)}.cc-td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.cc-td-center{text-align:center}.cc-td-right{text-align:right}.cc-denom-chip{display:inline-block;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:2px 10px;font-weight:600;font-size:13px;min-width:52px;text-align:center}.cc-count-input{width:72px!important;text-align:center!important;padding:6px 8px!important;font-size:14px;margin:0 auto;display:block}.cc-tfoot-row td{border-bottom:none;border-top:2px solid var(--border);padding-top:12px}.cc-side-section{display:flex;flex-direction:column;gap:16px}.cc-summary-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.cc-summary-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:2px}.cc-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:12px}.cc-summary-divider{height:1px;background:var(--border);margin:2px 0}.cc-diff{font-weight:600;font-size:15px}.cc-diff--ok{color:var(--success)}.cc-diff--over{color:#b45309}.cc-diff--under{color:#b91c1c}.cc-diff-badge{text-align:center;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600}.cc-diff-badge--ok{background:#22c55e1a;color:var(--success)}.cc-diff-badge--over{background:#b45309;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.discount-rules-note{font-size:.85rem;margin:0}.discount-rules-note--spaced{margin-bottom:16px}.discount-rules-empty{padding:24px 0}.cc-diff-badge--under{background:#b91c1c;color:#fff}.cc-photo-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;border:2px dashed var(--border);border-radius:12px;cursor:pointer;color:var(--text-secondary);font-size:13px;transition:border-color .15s,background .15s}.cc-photo-upload:hover{border-color:var(--accent);background:#6366f10a}.cc-file-input-hidden{display:none}.cc-photo-upload--compact{padding:10px 12px;flex-direction:row;gap:6px;font-size:12px;min-height:42px}.cc-photo-preview{position:relative;display:inline-block}.cc-photo-preview--compact{display:inline-block}.cc-photo-preview--compact img{max-height:42px;border-radius:6px}.cc-photo-preview img{width:100%;max-height:180px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.cc-photo-remove{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.cc-submit{width:100%}.cc-history{display:flex;flex-direction:column;gap:8px;margin-top:4px}.cc-history .tag-warning{background:#b45309;color:#fff}.cc-history .tag-success{background:#15803d;color:#fff}.cc-hist-date{font-size:12px;color:var(--text-secondary);font-weight:400}.cc-detail-photo{max-width:100%;max-height:300px;border-radius:8px;object-fit:contain;margin-top:8px}@media(max-width:820px){.cc-step1-grid{grid-template-columns:1fr}.cc-step1-right{position:static}.cc-top-row{flex-direction:column;gap:12px}.cc-wizard-header{padding:12px 12px 10px}.cc-wizard-step{gap:4px;padding:4px}.cc-wizard-step-num{width:26px;height:26px;font-size:12px}.cc-wizard-step-label{display:none}.cc-wizard-step--active .cc-wizard-step-label{display:inline;font-size:12px}.cc-wizard-line{margin:0 4px;min-width:12px}.cc-wizard-body{padding:0 16px 16px}.cc-quick-action-label{width:100%;margin-right:0;margin-bottom:2px;font-size:11px}.cc-context-note{margin-top:6px;font-size:12px;line-height:1.35}.cc-quickfab{right:20px;bottom:calc(var(--bottom-nav-height, 64px) + var(--bottom-nav-safe-bottom, env(safe-area-inset-bottom, 0px)) + 72px)}.cc-quickfab-action{font-size:12px;padding:9px 12px}}@media(max-width:480px){.cc-table{font-size:12px}.cc-th,.cc-td{padding:7px 6px}.cc-denom-chip{min-width:36px;padding:2px 6px;font-size:12px}.cc-count-input{width:52px!important;padding:5px 4px!important;font-size:12px}}.cc-summary-section{border:1px solid var(--border);border-radius:12px;overflow:hidden}.cc-summary-section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.cc-summary-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.cc-summary-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;color:#fff;background:var(--accent);border-radius:10px}.cc-summary-edit-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;color:var(--accent);cursor:pointer;transition:background .15s,border-color .15s}.cc-summary-edit-btn:hover{background:#6366f10f;border-color:var(--accent)}.cc-summary-section-body{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.cc-summary-empty{padding:16px;text-align:center;color:var(--text-secondary);font-size:13px}.cc-summary-denoms{display:flex;flex-wrap:wrap;gap:6px}.cc-summary-denom-chip{display:inline-block;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:500}.cc-summary-photo{margin-top:4px}.cc-summary-photo img{max-height:120px;border-radius:8px;border:1px solid var(--border);object-fit:cover}.cc-summary-meta-block{display:block}.cc-action-tabs{display:flex;border-bottom:1px solid var(--border)}.cc-action-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.cc-action-tab:hover{color:var(--text)}.cc-action-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.cc-action-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;color:#fff;background:var(--accent);border-radius:9px}.cc-action-body{display:flex;flex-direction:column;gap:12px;padding:16px}.cc-action-compact-row{display:flex;gap:12px}.cc-action-compact-field{flex:1;min-width:0}@media(max-width:600px){.cc-action-compact-row{flex-direction:column;gap:8px}}.cc-transfer-row{display:flex;gap:12px;align-items:flex-end}.cc-transfer-field{flex:1;min-width:0}.cc-transfer-field--wide{flex:2;min-width:0}.cc-transfer-btn{margin-bottom:2px;white-space:nowrap}@media(max-width:820px){.cc-transfer-row{flex-wrap:wrap}.cc-transfer-field{flex:1 1 45%;min-width:140px}.cc-transfer-btn{width:100%}}.cc-expense-input-row{display:flex;gap:8px;align-items:flex-end}.cc-expense-field{flex:1;min-width:0}.cc-expense-desc{flex:2}.cc-expense-add{margin-bottom:2px;white-space:nowrap}@media(max-width:820px){.cc-expense-input-row{flex-wrap:wrap}.cc-expense-field{min-width:100%}.cc-expense-add{width:100%}}.cc-expense-list{border:1px solid var(--border);border-radius:10px;overflow:hidden}.cc-expense-item{display:flex;align-items:center;gap:8px;padding:8px 12px}.toast-container{position:fixed;top:calc(var(--nav-height, 56px) + 12px);right:16px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:min(380px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:.9rem;line-height:1.4;color:#fff;pointer-events:auto;cursor:pointer;box-shadow:0 4px 16px #00000026;animation:toast-in .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast__icon{flex-shrink:0;font-size:1.1rem;font-weight:700;width:22px;text-align:center}.toast__message{flex:1;word-break:break-word}.toast--success{background:#34c759f2}.toast--error{background:#ff3b30f2}.toast--warning{background:#ff9500f2}.toast--info{background:#185ee0f2}@keyframes toast-in{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.cc-expense-item:last-child{border-bottom:none}.cc-expense-item--saved{opacity:.55}.cc-expense-item-info{flex:1;min-width:0}.cc-expense-item-desc{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-expense-check{color:var(--success);margin-right:4px}.cc-expense-item-meta{font-size:12px;color:var(--text-secondary)}.cc-expense-item-amount{font-size:14px;font-weight:600;white-space:nowrap}.cc-expense-item-remove{background:none;border:none;cursor:pointer;font-size:14px;color:var(--danger, #e53935);padding:2px 6px;border-radius:50%;line-height:1}.cc-expense-item-remove:hover{background:#e539351a}.cc-expense-total{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary, #f5f5f5);font-size:13px;color:var(--text-secondary)}.wallet-header{justify-content:flex-end}.wallet-amount-mobile{font-size:15px}.wallet-meta-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.wallet-type-label{font-size:12px}.wallet-tag-sm{font-size:10px;padding:1px 5px}.landing-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:24px}.landing-content{max-width:480px;width:100%;text-align:center;background:#fff;border-radius:16px;padding:48px 32px;box-shadow:0 20px 60px #0000004d}.landing-logo{width:120px;height:120px;margin:0 auto 24px;display:block}.landing-title{font-size:32px;font-weight:700;color:#1a202c;margin:0 0 12px}.landing-subtitle{font-size:16px;color:#718096;margin:0 0 40px;line-height:1.5}.landing-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f7fafc;border-radius:12px;font-size:14px;color:#2d3748;font-weight:500}.feature-icon{font-size:32px}.landing-actions{display:flex;flex-direction:column;gap:12px}.back-button{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:16px;display:flex;align-items:center;gap:4px;transition:color .2s}.back-button:hover{color:var(--text-primary)}@media(max-width:640px){.landing-content{padding:32px 24px}.landing-title{font-size:28px}.landing-features{grid-template-columns:1fr}}.csf-fab{position:fixed;bottom:calc(var(--bottom-nav-height, 0px) + var(--bottom-nav-safe-bottom, env(safe-area-inset-bottom, 0px)) + 16px);right:20px;z-index:110;width:48px;height:48px;border-radius:50%;background:var(--accent);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 18px #185ee061;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.bottom-nav-more-open .csf-fab{opacity:0;pointer-events:none;transform:translateY(8px) scale(.92)}@media(max-width:600px){.csf-fab{bottom:calc(var(--bottom-nav-height, 64px) + var(--bottom-nav-safe-bottom, env(safe-area-inset-bottom, 0px)) + 12px)}}.csf-fab.csf-fab--raised{bottom:calc(var(--bottom-nav-height, 64px) + var(--bottom-nav-safe-bottom, env(safe-area-inset-bottom, 0px)) + 84px)}.csf-fab:active{transform:scale(.9);box-shadow:0 2px 8px #185ee038}.csf-fab-icon{width:20px;height:20px}.csf-overlay{position:fixed;inset:0;z-index:220;background:#0000006b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(var(--bottom-nav-height, 64px) + env(safe-area-inset-bottom,0px))}@media(min-width:601px){.csf-overlay{align-items:center;padding-bottom:0}}.csf-panel{display:flex;flex-direction:column;gap:10px}@media(min-width:601px){.csf-panel{gap:12px}}@keyframes csfSlideUp{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}.csf-search-row{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px}.csf-search-shell{padding:2px 0}.csf-search-shell .search-box{width:100%}.csf-search-shell .search-box--expanded{flex:1 1 auto}.csf-search-shell .search-box--expanded .search-box-field{max-width:none}.csf-search-shell .search-box-field input{height:42px;border-radius:13px;font-size:1rem}.csf-search-shell .search-box-toggle{width:40px;height:40px;border-radius:12px}.csf-search-icon{color:var(--text-secondary);flex-shrink:0;width:18px;height:18px}.csf-input{flex:1;min-width:0;border:none;outline:none;font-size:1rem;background:transparent;color:var(--text-primary);font-family:inherit}.csf-close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.88rem;padding:5px 9px;border-radius:8px;line-height:1;flex-shrink:0}.csf-close-btn:hover{background:var(--bg-primary)}.csf-empty{padding:30px 16px 26px;text-align:center;color:var(--text-secondary);font-size:.92rem;line-height:1.45}.csf-results{list-style:none;margin:0;padding:2px 0 0;overflow-y:auto;flex:1;max-height:52vh;animation:csfResultsIn .2s ease}@keyframes csfResultsIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.csf-result-item{border-bottom:1px solid var(--border)}.csf-result-item:last-child{border-bottom:none}.csf-result-btn{width:100%;border:0;background:transparent;text-align:left;padding:13px 10px;cursor:pointer;border-radius:10px;transition:background .15s ease,transform .12s ease}.csf-result-btn:hover,.csf-result-btn:focus-visible{background:color-mix(in srgb,var(--accent) 8%,transparent);outline:none}.csf-result-btn:active{transform:scale(.995)}.csf-result-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.csf-result-name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.csf-result-phone{font-size:.82rem;color:var(--text-secondary)}.csf-result-hair{font-size:.83rem;color:var(--accent);margin-top:3px;font-weight:500}.csf-result-notes{font-size:.82rem;color:var(--text-secondary);margin-top:2px;font-style:italic}.csf-result-emp{font-size:.79rem;color:var(--text-secondary);margin-top:2px;opacity:.75}.customer-detail{display:flex;flex-direction:column;gap:16px}.customer-detail-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 8px 2px;text-align:center}.customer-detail-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--bg-primary));color:var(--accent);font-size:1.1rem;font-weight:700}.customer-detail-name{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.customer-detail-subtitle{font-size:.88rem;color:var(--text-secondary)}.customer-detail-section,.customer-detail-notes{display:flex;flex-direction:column;gap:8px}.customer-detail-notes-text{margin:0;padding:12px 14px;border-radius:14px;background:var(--bg-primary);color:var(--text-secondary);line-height:1.55;font-size:.9rem}.customer-detail-delete-btn{margin-right:auto}.admin-panel{min-height:100dvh;background:var(--surface-bg, #f5f5f5)}.admin-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border)}.admin-nav .nav-brand{font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.admin-main{max-width:1200px;margin:0 auto;padding:24px}.admin-main h1{margin-bottom:16px}.admin-error{background:var(--danger-light, #fee2e2);color:var(--danger, #dc2626);padding:10px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.admin-table-wrap{overflow-x:auto;border-radius:12px;background:var(--card-bg, #fff);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.08))}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border, #e5e7eb)}.admin-table th{background:var(--surface-bg, #f9fafb);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted, #6b7280);white-space:nowrap}.admin-table tbody tr:hover{background:var(--surface-bg, #f9fafb)}.admin-actions{display:flex;gap:6px;white-space:nowrap}.admin-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:600;text-transform:capitalize}.badge-success{background:#dcfce7;color:#15803d}.badge-info{background:#dbeafe;color:#1d4ed8}.badge-warning{background:#fef3c7;color:#b45309}.badge-danger{background:#fee2e2;color:#dc2626}.admin-plans{margin-top:32px}.admin-plans h2{margin-bottom:12px}.admin-plan-cards{display:flex;gap:16px;flex-wrap:wrap}.admin-plan-card{flex:1 1 180px;min-width:180px}.admin-plan-card h3{text-transform:capitalize;margin-bottom:4px}.admin-plan-card p{margin:2px 0;font-size:.9rem;color:var(--text-muted, #6b7280)}