: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;--color-success: var(--success);--color-danger: var(--danger);--color-muted: var(--text-secondary);--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:8px}.brand-logo{height:28px;width:auto;max-width:96px}.nav-company-name{font-size:.96rem;max-width:160px}.nav-company-logo{height:26px;max-width:148px}.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-actions{display:flex;align-items:center;gap:8px}.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{display:flex;align-items:center;gap:12px;min-width:0;color:var(--text-primary)}.nav-menu-btn{width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:border-color .16s ease,background-color .16s ease,transform .12s ease}.nav-menu-btn:hover{border-color:var(--accent)}.nav-menu-btn:active{transform:scale(.97)}.nav-menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-logo{display:block;height:30px;width:auto;max-width:112px;object-fit:contain;background:transparent;image-rendering:-webkit-optimize-contrast}.nav-company-slot{position:relative;margin-left:8px;padding-left:18px;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:28px;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--text-secondary) 20%,transparent) 18%,color-mix(in srgb,var(--text-secondary) 45%,transparent) 50%,color-mix(in srgb,var(--text-secondary) 20%,transparent) 82%,transparent 100%)}.nav-company-name{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem;font-weight:700;letter-spacing:.01em;line-height:1.1}.nav-company-logo{height:34px;width:auto;max-width:190px;object-fit:contain;object-position:left center;display:block}@media(max-width:899px){.nav-brand{gap:9px}.brand-logo{height:28px;max-width:96px}}.company-switcher{font-size:1rem;line-height:1.2;font-weight:600;font-family:inherit;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:8px 40px 8px 14px;cursor:pointer;min-height:44px;max-width:230px;text-overflow:ellipsis}.nav-action-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .12s ease}.nav-action-btn:hover{border-color:var(--accent)}.nav-action-btn:active{transform:scale(.97)}.nav-action-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-action-btn .icon{width:18px;height:18px}.nav-spotlight-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-family:inherit;font-size:13px;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;white-space:nowrap;flex-shrink:0}.nav-spotlight-btn:hover{border-color:var(--accent);background:var(--card-bg);box-shadow:0 1px 4px #0000000f}.nav-spotlight-btn:active{transform:scale(.98)}.nav-spotlight-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-spotlight-btn .icon{width:16px;height:16px;flex-shrink:0}.nav-spotlight-hint{color:var(--text-tertiary)}.nav-spotlight-kbd{font-size:11px;padding:1px 5px;border-radius:4px;background:var(--bg-tertiary, #e5e7eb);border:1px solid var(--border);color:var(--text-tertiary);font-family:inherit;line-height:1.4}@media(max-width:899px){.nav-spotlight-btn{width:38px;height:38px;padding:0;justify-content:center;border-radius:11px}}.branch-switcher{max-width:210px}.nav-branch-slot-mobile .branch-switcher{max-width:156px;font-size:.9rem;min-height:38px;padding:6px 30px 6px 10px}.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}.user-role-divider{opacity:.65}.user-branch-code{color:inherit;font-weight:inherit;letter-spacing:normal}.branch-picker-modal{display:flex;flex-direction:column;gap:10px}.branch-picker-current{border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:10px 12px;color:var(--text-secondary)}.branch-picker-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.branch-picker-select{min-height:42px;border-radius:12px;font-weight:600;background:var(--bg-secondary)}.branch-picker-note{margin:0}.modal.modal-branch-picker{max-width:min(460px,92vw);border-radius:16px;padding:20px 22px}.modal.modal-branch-picker .modal-header{margin-bottom:14px}.modal.modal-branch-picker--initial .modal-footer{margin-top:10px;padding-top:8px}.modal.modal-branch-picker .modal-icon{font-size:24px;margin-bottom:8px;color:var(--text-secondary)}.modal.modal-branch-picker .modal-icon .icon{width:30px;height:30px;color:#6b7280}.modal.modal-branch-picker .modal-title{font-size:1.75rem;letter-spacing:-.01em}@media(max-width:600px){.modal.modal-branch-picker{padding:16px;border-radius:14px}.modal.modal-branch-picker .modal-title{font-size:1.3rem}.modal.modal-branch-picker .modal-icon .icon{width:26px;height:26px}}@media(max-width:480px){.nav-user{gap:8px}.nav-actions{gap:6px}.nav-action-btn{width:36px;height:36px;border-radius:10px}}.app-layout{height:100vh;height:100dvh;height:var(--app-viewport-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-backdrop{display:none}.sidebar-inner{display:flex;flex-direction:column;height:100%}.sidebar-mobile-header{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.sidebar-mobile-footer,.sidebar-account-section{display:flex;flex-direction:column;gap:10px;margin-top:auto}.sidebar-footer{display:flex;flex-direction:column;gap:6px;margin-top:auto}.sidebar-account-section{margin-top:0;gap:8px;padding:10px 10px 8px;border-radius:16px;background:linear-gradient(180deg,#f8fafcf5,#f1f5f9eb);border:1px solid rgba(15,23,42,.06)}.sidebar-account-meta{display:flex;flex-direction:column;gap:2px;padding:0 10px}.sidebar-account-name{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.15}.sidebar-account-detail{font-size:.65rem;color:var(--text-secondary);line-height:1.15}.sidebar-account-actions{display:flex;flex-direction:column;gap:2px}.sidebar-account-actions .sidebar-icon{width:30px}.sidebar-action-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:28px;padding:7px 10px;border:0;border-radius:12px;background:transparent;color:var(--text-primary);cursor:pointer;transition:background .18s ease,color .18s ease,transform .12s ease}.sidebar-action-btn:hover{background:var(--bg-tertiary)}.sidebar-action-btn:active{transform:scale(.98)}.sidebar-action-btn-danger{color:#b42318}.sidebar-action-btn-danger .icon{color:currentColor}.sidebar-action-label{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;transition:opacity .2s ease,max-width .25s cubic-bezier(.4,0,.2,1)}.sidebar-branch-panel{position:fixed;top:var(--nav-height, 64px);bottom:0;left:var(--sidebar-width);width:min(340px,34vw);min-width:280px;padding:14px;background:#fffffffa;border-right:1px solid var(--border);box-shadow:8px 0 28px #0f172a14;display:flex;flex-direction:column;gap:12px;z-index:95;opacity:0;transform:translate(-10px);pointer-events:none;transition:opacity .18s ease,transform .2s ease}.sidebar-branch-panel.open{opacity:1;transform:translate(0);pointer-events:auto}.sidebar-branch-panel-scrim{position:fixed;top:var(--nav-height, 64px);right:0;bottom:0;left:calc(var(--sidebar-width) + min(340px,34vw));border:0;margin:0;padding:0;background:#0f172a24;z-index:92}.sidebar-branch-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sidebar-branch-panel-title{font-size:1rem;font-weight:800;color:var(--text-primary)}.sidebar-branch-panel-subtitle{margin-top:2px;font-size:.78rem;color:var(--text-secondary)}.sidebar-branch-panel-close{width:32px;height:32px;border:0;border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sidebar-branch-panel-close .icon{width:17px;height:17px}.sidebar-branch-panel-search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;padding:9px 10px;background:var(--bg-secondary)}.sidebar-branch-panel-search .icon{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.sidebar-branch-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:.9rem}.sidebar-branch-panel-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.sidebar-branch-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 11px;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.sidebar-branch-item:hover{border-color:#185ee052;background:#f8fbff}.sidebar-branch-item.is-active{border-color:#185ee06b;background:#185ee014}.sidebar-branch-item-name{font-size:.9rem;font-weight:700;color:var(--text-primary)}.sidebar-branch-item-meta{font-size:.72rem;color:var(--text-secondary)}.sidebar-branch-empty{font-size:.83rem;color:var(--text-secondary);border:1px dashed var(--border);border-radius:12px;padding:12px;text-align:center}.sidebar-branch-inline-panel{display:flex;flex-direction:column;gap:10px;margin-top:4px;padding:10px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#ffffffd9}.sidebar-branch-mobile-overlay{display:none}.sidebar-company-switcher{width:100%;min-height:44px;border-radius:14px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font:inherit;font-weight:600;padding:8px 14px}.sidebar-company-display{display:flex;align-items:center;gap:10px;min-width:0;padding:4px 2px}.sidebar-company-logo,.sidebar-company-badge{width:38px;height:38px;border-radius:12px;flex-shrink:0}.sidebar-company-logo{object-fit:cover;background:var(--bg-secondary);border:1px solid var(--border)}.sidebar-company-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#185ee0,#0f4bc0);color:#fff;font-size:.95rem;font-weight:700}.sidebar-company-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;font-weight:700;color:var(--text-primary)}.sidebar-divider{width:100%;height:1px;background:var(--border);margin:0 0 6px;flex-shrink:0}.sidebar.collapsed .sidebar-divider{margin:0 0 6px}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.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;text-decoration:none}.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%;margin-bottom:6px;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.collapsed .sidebar-account-meta,.sidebar.collapsed .sidebar-action-label,.sidebar.collapsed .sidebar-account-section{display:none}.sidebar.collapsed .sidebar-action-btn{justify-content:center}.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-header--lead{display:flex;flex-direction:column;gap:6px}.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:10px}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-section+.settings-section{margin-top:0}.settings-section-title{margin:0;padding:0 6px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.guide-shell{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:20px;align-items:start}.guide-shell--collapsed{grid-template-columns:64px minmax(0,1fr)}.guide-content-card{min-width:0}.guide-mobile-outline-trigger-wrap{display:none}.guide-sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:10px;align-self:start;max-height:calc(var(--app-viewport-height, 100dvh) - var(--nav-height, 64px) - 32px);overflow-y:auto;padding:10px 12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--bg-secondary)}.guide-sidebar.collapsed{align-items:center;padding:10px 6px 14px}.guide-sidebar-toggle{flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;aspect-ratio:1 / 1;border-radius:999px;margin-bottom:4px}.guide-sidebar .chevron{transition:transform .25s ease}.guide-sidebar.collapsed .chevron{transform:rotate(180deg)}.guide-markdown{display:flex;flex-direction:column;gap:14px;min-width:0}.guide-outline-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.guide-sidebar.collapsed .guide-outline-title{display:none}.guide-outline-list{display:flex;flex-direction:column;gap:6px}.guide-outline-link{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:background-color .18s ease,color .18s ease}.guide-outline-link:hover{background:var(--bg-tertiary)}.guide-outline-link.active{background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary));color:var(--accent)}.guide-outline-link-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;padding:0;border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:700}.guide-outline-link.active .guide-outline-link-badge{background:var(--accent);color:#fff}.guide-outline-link-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-outline-link--level-2{font-weight:700}.guide-outline-link--level-3{padding-left:24px;color:var(--text-secondary)}.guide-outline-link--level-3 .guide-outline-link-badge{width:28px;min-width:28px;height:28px;font-size:11px}.guide-sidebar.collapsed .guide-outline-link{grid-template-columns:1fr;justify-items:center;width:44px;min-width:44px;height:44px;padding:0;border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary)}.guide-sidebar.collapsed .guide-outline-link:hover{background:color-mix(in srgb,var(--bg-tertiary) 76%,var(--text-primary))}.guide-sidebar.collapsed .guide-outline-link.active{background:var(--accent);color:#fff}.guide-sidebar.collapsed .guide-outline-link-text,.guide-sidebar.collapsed .guide-outline-link--level-3{display:none}.guide-sidebar.collapsed .guide-outline-list{align-items:center;gap:12px}.guide-sidebar.collapsed .guide-outline-link-badge,.guide-sidebar.collapsed .guide-outline-link.active .guide-outline-link-badge{width:44px;min-width:44px;height:44px;background:transparent;color:inherit}.guide-mobile-outline-sheet{display:flex;flex-direction:column;gap:14px}.guide-mobile-outline-sheet-current{padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-secondary))}.guide-mobile-outline-sheet-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.guide-mobile-outline-sheet-title{margin-top:4px;font-weight:700;color:var(--text-primary);line-height:1.4}.guide-mobile-outline-sheet-list{display:flex;flex-direction:column;gap:8px}.guide-mobile-outline-sheet-list .guide-outline-link{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--bg-secondary)}.guide-mobile-outline-sheet-list .guide-outline-link--level-3{padding-left:18px}.guide-markdown>:first-child{margin-top:0}.guide-markdown h2,.guide-markdown h3,.guide-markdown h4{margin:18px 0 8px;color:var(--text-primary);scroll-margin-top:calc(var(--nav-height, 72px) + 24px)}.guide-markdown h2{font-size:20px}.guide-markdown h3{font-size:16px;padding-left:10px;border-left:2px solid var(--border)}.guide-markdown h4{font-size:14px;font-weight:700;margin-left:12px;padding-left:10px;color:var(--text-secondary);border-left:2px solid var(--border)}.guide-markdown h3+p,.guide-markdown h3+ul,.guide-markdown h3+ol,.guide-markdown h3+.table-container,.guide-markdown h3+.guide-callout,.guide-markdown h3+.guide-stepper,.guide-markdown h3+.guide-decision-grid,.guide-markdown h3+.guide-link-cards,.guide-markdown h3+.guide-bullet-list,.guide-markdown h3+.guide-visual-flow-wrap,.guide-markdown h3+.guide-image-pair{margin-left:12px}.guide-markdown h4+p,.guide-markdown h4+ul,.guide-markdown h4+ol,.guide-markdown h4+.table-container,.guide-markdown h4+.guide-callout,.guide-markdown h4+.guide-stepper,.guide-markdown h4+.guide-decision-grid,.guide-markdown h4+.guide-link-cards,.guide-markdown h4+.guide-bullet-list,.guide-markdown h4+.guide-visual-flow-wrap,.guide-markdown h4+.guide-image-pair{margin-left:24px}.guide-markdown p,.guide-markdown li{color:var(--text-primary);line-height:1.65}.guide-markdown p{margin:0}.guide-markdown ul,.guide-markdown ol{margin:0;padding-left:20px}.guide-markdown li+li{margin-top:6px}.guide-markdown hr{border:0;border-top:1px solid var(--border);margin:4px 0}.guide-callout{--guide-callout-accent: var(--accent);--guide-callout-bg: color-mix(in srgb, var(--accent) 8%, var(--bg-secondary));margin:0;padding:12px 14px;border-left:3px solid var(--guide-callout-accent);background:var(--guide-callout-bg);border-radius:0 12px 12px 0}.guide-callout--info{--guide-callout-accent: var(--accent);--guide-callout-bg: color-mix(in srgb, var(--accent) 8%, var(--bg-secondary))}.guide-callout--warning{--guide-callout-accent: var(--warning);--guide-callout-bg: color-mix(in srgb, var(--warning) 12%, var(--bg-secondary))}.guide-callout--danger{--guide-callout-accent: var(--danger);--guide-callout-bg: color-mix(in srgb, var(--danger) 10%, var(--bg-secondary))}.guide-callout--success{--guide-callout-accent: var(--success);--guide-callout-bg: color-mix(in srgb, var(--success) 12%, var(--bg-secondary))}.guide-callout-title{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--guide-callout-accent)}.guide-callout-body>:first-child{margin-top:0}.guide-callout-body>:last-child{margin-bottom:0}.guide-callout p{margin:0}.guide-callout p+p{margin-top:8px}.guide-callout ul,.guide-callout ol{margin:8px 0 0;padding-left:18px}.guide-callout li{margin:0}.guide-callout li+li{margin-top:6px}.guide-image-block{width:100%;max-width:860px;margin:14px auto}.guide-image{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--border);background:var(--bg-secondary)}.guide-image-caption{margin-top:6px;font-size:12px;line-height:1.5;text-align:center;color:var(--text-secondary)}.guide-image-block--placeholder{max-width:none}.guide-image-placeholder{display:grid;place-items:center;min-height:180px;padding:18px;border:1px dashed var(--border);border-radius:14px;background:var(--bg-secondary);text-align:center}.guide-image-placeholder-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.guide-image-placeholder-title{margin-top:6px;font-size:14px;font-weight:700;color:var(--text-primary)}.guide-image-placeholder-path{margin-top:4px;font-size:12px;line-height:1.5;color:var(--text-secondary);word-break:break-word}.guide-image-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:12px;align-items:start;margin:14px 0 18px}.guide-image-pair--count-1{grid-template-columns:minmax(0,1fr)}.guide-image-pair-item,.guide-image-pair-item[aria-label=Desktop]{min-width:0}.guide-image-pair-item[aria-label=Mobile]{width:100%;max-width:300px;justify-self:center}.guide-image-pair-label{margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.guide-image-pair-item .guide-image-block{max-width:none;margin:0}.guide-image-pair-item[aria-label=Mobile] .guide-image-block{max-width:300px;margin-left:auto;margin-right:auto}.guide-image-pair-item[aria-label=Mobile] .guide-image{max-height:720px;object-fit:contain}.guide-stepper{display:grid;gap:6px;margin:0;padding:0;list-style:none}.guide-stepper-item{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}.guide-stepper-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:1px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--accent);font-size:11px;font-weight:700}.guide-stepper-card{padding:0 0 8px;border-bottom:1px solid var(--border);border-radius:0;background:transparent}.guide-stepper-item:last-child .guide-stepper-card{padding-bottom:0;border-bottom:0}.guide-stepper-title{font-weight:600;line-height:1.35;color:var(--text-primary)}.guide-stepper-desc{margin-top:2px;font-size:13px;color:var(--text-secondary);line-height:1.4}.guide-decision-grid{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--bg-secondary);box-shadow:0 6px 18px #0f172a0a}.guide-decision-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) minmax(0,1fr);background:var(--bg-secondary)}.guide-decision-row+.guide-decision-row{border-top:1px solid var(--border)}.guide-decision-row--head{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-tertiary) 88%,white),var(--bg-tertiary))}.guide-decision-cell{padding:12px 14px;line-height:1.5;font-size:14px}.guide-decision-cell--condition{font-weight:700;color:var(--text-primary)}.guide-decision-cell--check{color:var(--text-secondary)}.guide-decision-cell--action{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 3%,var(--bg-secondary))}.guide-decision-cell+.guide-decision-cell{border-left:1px solid var(--border)}.guide-decision-row--head .guide-decision-cell{padding-top:11px;padding-bottom:11px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.guide-link-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.guide-link-card{display:block;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--bg-secondary);text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.guide-link-card:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 8px 18px #00000014}.guide-link-card-title{font-weight:700;color:var(--text-primary);font-size:.95rem}.guide-link-card-desc{margin-top:4px;color:var(--text-secondary);font-size:.88rem;line-height:1.4}.guide-bullet-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.guide-bullet-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;padding:0}.guide-bullet-dot{width:6px;height:6px;margin-top:8px;margin-left:1px;border-radius:999px;background:color-mix(in srgb,var(--accent) 70%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.guide-bullet-copy{min-width:0;padding:0 0 8px;border-bottom:1px solid var(--border)}.guide-bullet-item:last-child .guide-bullet-copy{padding-bottom:0;border-bottom:0}.guide-bullet-title{font-weight:600;color:var(--text-primary);line-height:1.35}.guide-bullet-desc{margin-top:2px;color:var(--text-secondary);font-size:13px;line-height:1.4}.guide-visual-flow-wrap{overflow-x:auto;padding-bottom:4px}.guide-visual-flow{min-width:920px;width:100%;color:var(--accent)}.guide-visual-node{fill:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary));stroke:color-mix(in srgb,var(--accent) 35%,var(--border));stroke-width:1.5}.guide-visual-node-title{fill:var(--text-primary);font-size:13px;font-weight:700}.guide-visual-node-subtitle{fill:var(--text-secondary);font-size:11px}.guide-visual-connector{stroke:currentColor;stroke-width:2}@media(max-width:900px){.guide-image-pair{grid-template-columns:minmax(0,1fr)}.guide-markdown h4{margin-left:0}.guide-markdown h3+p,.guide-markdown h3+ul,.guide-markdown h3+ol,.guide-markdown h3+.table-container,.guide-markdown h3+.guide-callout,.guide-markdown h3+.guide-stepper,.guide-markdown h3+.guide-decision-grid,.guide-markdown h3+.guide-link-cards,.guide-markdown h3+.guide-bullet-list,.guide-markdown h3+.guide-visual-flow-wrap,.guide-markdown h3+.guide-image-pair,.guide-markdown h4+p,.guide-markdown h4+ul,.guide-markdown h4+ol,.guide-markdown h4+.table-container,.guide-markdown h4+.guide-callout,.guide-markdown h4+.guide-stepper,.guide-markdown h4+.guide-decision-grid,.guide-markdown h4+.guide-link-cards,.guide-markdown h4+.guide-bullet-list,.guide-markdown h4+.guide-visual-flow-wrap,.guide-markdown h4+.guide-image-pair{margin-left:0}.guide-shell,.guide-shell--collapsed{grid-template-columns:1fr}.guide-mobile-outline-trigger-wrap{position:sticky;top:0;z-index:20;display:block;margin-bottom:12px}.guide-mobile-outline-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:16px;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);box-shadow:var(--shadow);color:var(--text-primary);text-align:left}.guide-mobile-outline-trigger-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary));color:var(--accent)}.guide-mobile-outline-trigger-copy{display:flex;flex-direction:column;min-width:0}.guide-mobile-outline-trigger-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.guide-mobile-outline-trigger-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--text-primary)}.guide-mobile-outline-trigger-meta{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 10px;border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:700}.guide-mobile-outline-trigger-chevron{color:var(--text-secondary)}.guide-sidebar{display:none}.guide-decision-row{grid-template-columns:1fr}.guide-decision-row--head{display:none}.guide-decision-row+.guide-decision-row{border-top:1px solid var(--border)}.guide-decision-cell+.guide-decision-cell{border-left:0;border-top:1px solid var(--border)}.guide-decision-cell:before{content:attr(data-label);display:block;margin-bottom:3px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}}.guide-markdown code{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:1px 6px;font-size:12px}.guide-markdown pre{margin:0;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.guide-markdown pre code{background:transparent;border:0;padding:0;font-size:13px}.guide-markdown-table{margin-top:4px}.guide-markdown a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.guide-markdown-link-disabled{color:var(--text-secondary);text-decoration:none}.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)}.settings-view-header{align-items:flex-start}.view-header-actions{margin-left:auto;display:flex;gap:8px;flex-shrink:0;align-items:center}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:calc(12px + var(--bottom-nav-safe-bottom, env(safe-area-inset-bottom, 0px)));width:calc(100vw - 24px);max-width:420px;box-sizing:border-box;background:#fffffff7;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(0,0,0,.06);border-radius:28px;display:flex;gap:0;height:auto;padding:8px 6px;justify-content:center;align-items:center;z-index:100;overflow:visible;box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a}.bottom-nav-inner{width:100%;display:flex;justify-content:space-around;align-items:flex-end;gap:0;padding:0}.staging-badge{position:fixed;right:16px;bottom:16px;z-index:1200;background:#facc15;color:#111827;border:1px solid rgba(0,0,0,.2);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 20px #0000002e;pointer-events:none}.bottom-nav-item{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border-radius:16px;min-width:0;flex:1;max-width:72px;text-decoration:none;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.bottom-nav-item.active{background:transparent;color:var(--accent)}.bottom-nav-fab-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;margin-top:-28px}.bottom-nav-fab{position:relative;display:flex;align-items:center;justify-content:center;width:54px;height:54px;min-width:54px;border-radius:50%;border:none;background:var(--accent);color:#fff;box-shadow:0 0 0 5px #185ee01f,0 4px 16px #185ee04d;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 0 0 4px #185ee01a,0 2px 8px #185ee040}.bottom-nav-fab.active{background:var(--accent-hover);box-shadow:0 0 0 5px #185ee02e,0 4px 20px #185ee066}.bottom-nav-icon{font-size:20px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;transition:background .2s ease}.bottom-nav-item.active .bottom-nav-icon{background:#185ee01a}.bottom-nav-label{font-size:10px;letter-spacing:.01em;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% + 12px);right:-8px;background:#fffffffa;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(0,0,0,.06);border-radius:20px;box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a;min-width:200px;padding:8px;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(.92) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.bottom-nav-more-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:none;background:transparent;border-radius:14px;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s ease}.bottom-nav-more-item:hover,.bottom-nav-more-item:focus-visible{background:var(--bg-tertiary)}.bottom-nav-more-item.active{background:#185ee014;color:var(--accent)}.bottom-nav-more-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);font-size:18px;transition:background .15s ease}.bottom-nav-more-item.active .bottom-nav-more-icon{background:#185ee01a;color:var(--accent)}.bottom-nav-more-icon .icon{width:18px;height:18px}@media(min-width:900px){.sidebar-nav{padding-bottom:10px}.bottom-nav{display:none}}@media(max-width:899px){.sidebar-branch-panel,.sidebar-branch-panel-scrim{display:none}.sidebar-branch-mobile-overlay{position:fixed;top:var(--nav-height, 64px);right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--bg-secondary);z-index:132;opacity:0;transform:translate(100%);pointer-events:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.sidebar-branch-mobile-overlay.open{opacity:1;transform:translate(0);pointer-events:auto}.sidebar-branch-mobile-overlay .sidebar-branch-panel-list{flex:1 1 auto;min-height:0;padding-right:2px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.sidebar{display:none}.sidebar-backdrop{display:block;position:fixed;inset:var(--nav-height, 64px) 0 0 0;border:0;padding:0;margin:0;background:#0f172a5c;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:129}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar.mobile-drawer{display:block;left:0;width:min(82vw,320px);max-width:320px;transform:translate(calc(-100% - 24px));transition:transform .22s cubic-bezier(.2,.8,.2,1);z-index:130;pointer-events:none}.sidebar.mobile-drawer.open{transform:translate(0);pointer-events:auto}.sidebar.mobile-drawer .sidebar-divider,.sidebar.mobile-drawer .sidebar-collapse-btn{display:none}.sidebar.mobile-drawer .sidebar-label{opacity:1;max-width:220px}.sidebar.mobile-drawer .sidebar-inner{gap:8px}.sidebar.mobile-drawer .sidebar-nav{gap:6px;padding-bottom:10px}.sidebar.mobile-drawer .sidebar-item{gap:12px;min-height:44px;padding:10px 12px;border-radius:14px}.sidebar.mobile-drawer .sidebar-mobile-footer{gap:12px;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(15,23,42,.08)}.sidebar.mobile-drawer .sidebar-account-actions{gap:4px}.sidebar.mobile-drawer .sidebar-action-btn{gap:10px;min-height:40px;padding:8px 10px;border-radius:14px}.sidebar.mobile-drawer .sidebar-action-label{font-size:15px}.sidebar.mobile-drawer .sidebar-account-meta,.sidebar.mobile-drawer .sidebar-action-label{opacity:1;max-width:220px}.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-top:8px!important;padding-left:calc(8px + env(safe-area-inset-left,0px))!important;padding-right:calc(8px + env(safe-area-inset-right,0px))!important;padding-bottom:var(--app-main-padding-bottom)!important}.card{padding:12px 10px;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:var(--text-primary);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}.settings-content-intro{margin:0 0 10px}.settings-content-toolbar{margin-bottom:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid transparent;border-radius:var(--radius);font-size:15px;font-weight:500;cursor:pointer;transition:transform .16s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;font-family:inherit;text-decoration:none}.btn:hover{transform:translateY(-1px);text-decoration:none}.btn:active{transform:translateY(0)}.btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #185ee040}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 14px #185ee03d}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background:#d8d8dd}.btn-success{background:var(--success);color:#fff;box-shadow:0 1px 2px #34c75940}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 1px 2px #ff3b3038}.btn .icon,.btn .icon-inline{color:inherit}.btn-sm{height:34px;padding:0 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}@media(prefers-reduced-motion:reduce){.btn{transition:background-color .16s linear,border-color .16s linear}.btn:hover,.btn:active{transform: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}.settings-guide-accordion{gap:0;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--bg-secondary)}.settings-guide-accordion-item{border-bottom:1px solid var(--border)}.settings-guide-accordion-item:last-child{border-bottom:0}.settings-guide-accordion-trigger{display:flex;width:100%;align-items:center;gap:12px;padding:14px 16px;border:0;background:transparent;cursor:pointer;text-align:left}.settings-guide-accordion-trigger:hover{background:var(--bg-primary)}.settings-guide-accordion-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:-2px}.settings-guide-accordion-chevron{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform .18s ease}.settings-guide-accordion-item.is-open .settings-guide-accordion-chevron{transform:rotate(90deg)}.settings-guide-accordion-panel{padding:0 16px 14px;margin-left:34px;display:flex;flex-direction:column;gap:10px}.settings-guide-accordion-detail{margin:0;font-size:13px;color:var(--text-secondary)}.settings-guide-accordion-actions{display:flex}@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}}.att-page{display:flex;flex-direction:column;gap:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.att-greeting{display:flex;flex-direction:column;gap:2px;padding:0 4px}.att-greeting-text{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.att-greeting-date{font-size:.82rem;color:var(--text-secondary)}.att-hero-ios{display:flex;flex-direction:column;align-items:center;gap:20px;padding:12px 0 4px}.att-ring-wrap{position:relative;width:200px;height:200px}.att-ring{width:100%;height:100%}.att-ring-bg{stroke:var(--bg-tertiary, #e8e8ed)}.att-ring-track{stroke:var(--bg-tertiary, #e8e8ed);transition:stroke-dashoffset 1s ease}.att-ring-active{stroke:var(--success, #34c759);transition:stroke-dashoffset 1s ease}.att-ring-done{stroke:var(--accent, #185EE0);transition:stroke-dashoffset .6s ease}.att-ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.att-clock-time{font-size:2.2rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px;color:var(--text-primary);line-height:1}.att-clock-sec{font-size:1rem;font-weight:500;color:var(--text-secondary)}.att-clock-elapsed{font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--success, #34c759);letter-spacing:.5px}.att-clock-done{font-size:.9rem;font-weight:600;color:var(--accent, #185EE0)}.att-clock-idle{font-size:.8rem;color:var(--text-secondary)}.att-cta{display:inline-flex;align-items:center;justify-content:center;min-width:200px;height:52px;border:none;border-radius:26px;font-size:17px;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.att-cta:active{transform:scale(.97);opacity:.88}.att-cta:disabled{opacity:.5;cursor:not-allowed}.att-cta--primary{background:var(--accent, #185EE0);color:#fff;box-shadow:0 4px 14px #185ee04d}.att-cta--danger{background:var(--danger, #ff3b30);color:#fff;box-shadow:0 4px 14px #ff3b304d}.att-cta-spinner{width:22px!important;height:22px!important;border-width:2px!important}.att-done-pill{display:inline-flex;align-items:center;gap:6px;background:var(--bg-secondary, #fff);border:1px solid var(--border, rgba(0,0,0,.1));border-radius:20px;padding:8px 16px;font-size:.82rem;font-weight:500;color:var(--text-primary)}.att-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-secondary);flex-shrink:0}.att-dot--success{background:var(--success, #34c759)}.att-dot--warning{background:var(--warning, #ff9500)}.att-dot--danger{background:var(--danger, #ff3b30)}.att-grouped-card{background:var(--bg-secondary, #fff);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow, 0 2px 8px rgba(0,0,0,.08));overflow:hidden}.att-grouped-header{padding:8px 20px 6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.att-cell{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-top:.5px solid var(--border, rgba(0,0,0,.08));min-height:44px;font-size:.92rem}.att-cell:first-of-type{border-top:none}.att-cell-label{color:var(--text-primary);flex-shrink:0}.att-cell-label--accent{color:var(--accent, #185EE0);font-weight:500}.att-cell-value{color:var(--text-secondary);display:flex;align-items:center;gap:6px;text-align:right}.att-cell-value--mono{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-primary)}.att-cell-value--muted{font-size:.8rem;font-style:italic}.att-cell--note{background:var(--bg-primary, #f5f5f7)}.att-cell--empty{justify-content:center;color:var(--text-secondary);font-size:.85rem;padding:20px}.att-cell--empty .att-cell-label{color:var(--text-secondary)}.att-cell--action{cursor:pointer;background:transparent;border:none;border-top:.5px solid var(--border, rgba(0,0,0,.08));width:100%;text-align:left;font-family:inherit;-webkit-tap-highlight-color:transparent}.att-cell--action:active{background:var(--bg-primary, #f5f5f7)}.att-cell-chevron{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.att-cell--history{display:grid;grid-template-columns:54px 1fr auto;gap:8px;padding:11px 20px;align-items:center}.att-history-left{display:flex;flex-direction:column}.att-history-dow{font-size:.68rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.att-history-date{font-size:.82rem;font-weight:600;color:var(--text-primary)}.att-history-mid{font-size:.82rem;color:var(--text-secondary);white-space:nowrap}.att-history-right{display:flex;align-items:center;gap:5px}.att-history-hours{font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);min-width:32px;text-align:right}.att-loading-pad{padding:16px 0}.att-loading-pad-lg{padding:24px 0}.atth-view-header{margin-bottom:4px}.atth-back-btn{min-width:36px;width:36px;height:36px;padding:0}.atth-month-strip{display:flex;align-items:center;justify-content:center;gap:16px;padding:4px 0}.atth-month-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-secondary, #fff);border:1px solid var(--border, rgba(0,0,0,.1));font-size:1.3rem;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s ease}.atth-month-arrow:active{background:var(--bg-tertiary, #e8e8ed)}.atth-month-arrow:disabled{opacity:.3;cursor:not-allowed}.atth-month-label{font-size:1rem;font-weight:600;min-width:150px;text-align:center;color:var(--text-primary)}.atth-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.atth-stat{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg-secondary, #fff);border-radius:var(--radius, 12px);padding:12px 6px;box-shadow:var(--shadow, 0 2px 8px rgba(0,0,0,.08))}.atth-stat-num{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1.1}.atth-stat-num--success{color:var(--success, #34c759)}.atth-stat-num--warning{color:var(--warning, #ff9500)}.atth-stat-num--danger{color:var(--danger, #ff3b30)}.atth-stat-label{font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary)}.atth-record{display:grid;grid-template-columns:44px 1fr auto;gap:10px;padding:12px 20px;align-items:center}.atth-record-date{display:flex;flex-direction:column;align-items:center;gap:1px}.atth-record-day{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.1;font-variant-numeric:tabular-nums}.atth-record-dow{font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary)}.atth-record-body{display:flex;flex-direction:column;gap:3px;min-width:0}.atth-record-times{font-size:.85rem;color:var(--text-primary);white-space:nowrap}.atth-record-meta{display:flex;align-items:center;gap:5px}.atth-record-status{font-size:.75rem;color:var(--text-secondary)}.atth-record-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--bg-tertiary, #e8e8ed);color:var(--text-secondary);padding:1px 6px;border-radius:4px}.atth-record-hours{font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);min-width:36px;text-align:right}.atth-empty{padding:32px 20px;justify-content:center}.atth-empty-text{font-size:.88rem;color:var(--text-secondary)}.att-admin-rate-bar{position:relative;height:28px;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden;margin-top:12px}.att-admin-rate-fill{height:100%;background:var(--success, #16a34a);opacity:.2;transition:width .3s ease;border-radius:var(--radius-sm);width:0}.att-admin-rate-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--text-primary)}@media(max-width:600px){.att-ring-wrap{width:180px;height:180px}.att-clock-time{font-size:1.9rem}.att-greeting-text{font-size:1.3rem}.att-cta{min-width:180px;height:48px;font-size:16px}.att-cell--history{grid-template-columns:48px 1fr auto;padding:10px 16px}.att-cell{padding:12px 16px}.att-grouped-header{padding:8px 16px 6px}.atth-record{grid-template-columns:40px 1fr auto;gap:8px;padding:11px 16px}.atth-stat{padding:10px 4px}.atth-stat-num{font-size:1.1rem}}.text-warning{color:var(--warning, #d97706)}.text-danger{color:var(--danger, #dc2626)}.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}.comp-guidance-card{border:1px solid #e2e8f0;border-radius:12px;background:#fafcff;display:flex;flex-direction:column;gap:0;overflow:hidden}.comp-guidance-row{display:flex;gap:10px;padding:10px 14px;align-items:flex-start}.comp-guidance-row+.comp-guidance-row{border-top:1px solid #edf2f7}.comp-guidance-icon{flex-shrink:0;margin-top:1px;color:#5f83c6}.comp-guidance-heading{font-size:.8rem;font-weight:600;color:var(--text-secondary, #64748b);margin-bottom:2px}.comp-guidance-text{font-size:.88rem;color:var(--text-primary);line-height:1.45}.compensation-shell,.comp-center{display:flex;flex-direction:column;gap:16px}.comp-center-header-card{padding-bottom:16px}.comp-center-subtitle{margin:6px 0 0;font-size:.92rem}.comp-center-guide-link{align-self:flex-start;margin-top:8px;font-size:.88rem;color:var(--primary, #007aff);text-decoration:underline;text-underline-offset:2px}.comp-center-breadcrumb{margin-top:12px}.comp-crumb-list{list-style:none;margin:0;padding:0;border-radius:12px;border:1px solid var(--border-color, #d1d5db);background:var(--card-bg, #fff);display:flex;flex-direction:column;overflow:hidden}.comp-crumb-item{display:flex}.comp-crumb-item+.comp-crumb-item{border-top:1px solid var(--border-color, #d1d5db)}.comp-crumb-item.comp-crumb-sep{display:none}.comp-crumb{border:none;background:transparent;color:var(--text-primary, #1d1d1f);font-size:.9rem;font-weight:400;line-height:1.35;padding:12px 14px;cursor:pointer;transition:background .15s ease;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;position:relative}.comp-crumb:after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--text-muted, #8e8e93);font-weight:300}.comp-crumb:hover{background:var(--hover-bg, #f5f5f7)}.comp-crumb.is-active{background:var(--active-row-bg, #f0f4ff)}.comp-crumb-step{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--primary, #007aff)}.comp-crumb.is-active .comp-crumb-step{color:var(--primary, #007aff)}.comp-crumb-label{font-size:.94rem;font-weight:600;color:var(--text-primary, #1d1d1f)}.comp-crumb-desc{font-size:.78rem;color:var(--text-muted, #8e8e93);font-weight:400}.comp-crumb.is-active .comp-crumb-desc{color:var(--text-secondary, #636366)}.comp-crumb-sep{display:none}@media(min-width:600px){.comp-crumb-list{flex-direction:row;border:1px solid var(--border-color, #d1d5db)}.comp-crumb-item+.comp-crumb-item{border-top:none;border-left:1px solid var(--border-color, #d1d5db)}.comp-crumb-item{flex:1}}.comp-settings-section{margin-bottom:16px}.comp-section-subtitle{margin:0 0 12px;font-size:.92rem;color:var(--text-secondary);line-height:1.45}.comp-preview-grid{display:grid;grid-template-columns:1fr;gap:10px}.comp-overtime-dialog-actions{justify-content:flex-end}.modal-variant-confirm .comp-overtime-dialog-actions .btn{flex:0 1 auto;width:auto;min-width:128px;height:auto;min-height:34px;padding:8px 14px}.modal-variant-confirm .comp-overtime-dialog-actions .btn-label{white-space:normal;line-height:1.15;text-align:center}.modal-variant-confirm .comp-overtime-dialog-actions .btn:nth-child(2){min-width:152px}.modal-variant-confirm .comp-overtime-dialog-actions .btn:last-child{min-width:140px}@media(max-width:640px){.comp-tier-row{grid-template-columns:1fr}.comp-tier-remove{margin-bottom:0}.comp-overtime-dialog-actions{justify-content:stretch}.modal-variant-confirm .comp-overtime-dialog-actions .btn{flex:1 1 100%;width:100%;min-width: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{--searchBoxMotion: .28s cubic-bezier(.22, 1, .36, 1);--searchBoxFade: .22s cubic-bezier(.25, .1, .25, 1);display:flex;align-items:center;flex-shrink:0;transition:flex var(--searchBoxMotion),width var(--searchBoxMotion),min-width var(--searchBoxMotion)}.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;transform:translateZ(0);transition:border-color .18s ease,background .18s ease,color .18s ease,transform .28s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.search-box-toggle:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 8px 18px -16px #185ee0bf}.search-box-toggle:active{transform:scale(.96)}.search-box-toggle .search-icon{width:16px;height:16px;display:block;flex-shrink:0;pointer-events:none}.search-box-field{position:relative;display:flex;align-items:center;max-width:0;overflow:hidden;opacity:0;transform:translate(8px) scale(.985);transform-origin:left center;will-change:max-width,opacity,transform;transition:max-width var(--searchBoxMotion),transform var(--searchBoxMotion),opacity var(--searchBoxFade)}.search-box-field .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%) translate(1px);color:var(--text-secondary);width:16px;height:16px;display:block;flex-shrink:0;z-index:2;pointer-events:none;transition:color .18s ease,transform var(--searchBoxMotion)}.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;position:relative;z-index:1;transform:translate(2px);opacity:.96;transition:border-color .15s,box-shadow .22s ease,transform var(--searchBoxMotion),opacity var(--searchBoxFade);height:34px}.search-box-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #185ee024}.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 ease,transform .22s cubic-bezier(.22,1,.36,1)}.search-box-clear:hover{background:var(--border)}.search-box-clear:active{transform:translateY(-50%) scale(.94)}.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;transform:translate(0) scale(1)}.search-box--expanded .search-box-field .search-icon{transform:translateY(-50%) translate(0);color:var(--accent)}.search-box--expanded .search-box-field input{transform:translate(0);opacity:1}.filter-bar{display:flex;flex-direction:column;gap:8px;padding:0 0 8px}select.filter-preset-select,input.filter-preset-select,button.filter-preset-select{box-sizing:border-box;width:auto;min-width:100px;max-width:200px;padding:7px 10px;font-size:.8rem;border-radius:8px;height:34px}select.filter-preset-select.filter-preset-select--date,input.filter-preset-select.filter-preset-select--date,button.filter-preset-select.filter-preset-select--date{padding-left:32px;padding-right:30px;-webkit-appearance:none;appearance:none;background-repeat:no-repeat;background-position:10px center,calc(100% - 10px) center;background-size:14px,12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808a9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808a9a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}input.filter-preset-select.filter-preset-select--date{position:relative;width:100%;font-family:inherit;font-size:inherit;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}input.filter-preset-select.filter-preset-select--date::-webkit-calendar-picker-indicator{opacity:0}input.filter-preset-select.filter-preset-select--date::-webkit-clear-button{display:none}input.filter-preset-select.filter-preset-select--date::-webkit-date-and-time-value{text-align:left}input.filter-preset-select.filter-preset-select--date::-webkit-datetime-edit,input.filter-preset-select.filter-preset-select--date::-webkit-datetime-edit-fields-wrapper,input.filter-preset-select.filter-preset-select--date::-webkit-datetime-edit-text,input.filter-preset-select.filter-preset-select--date::-webkit-datetime-edit-month-field,input.filter-preset-select.filter-preset-select--date::-webkit-datetime-edit-day-field,input.filter-preset-select.filter-preset-select--date::-webkit-datetime-edit-year-field{padding:0;font-family:inherit;font-size:inherit;line-height:1;color:inherit}select.filter-preset-select.filter-preset-select--scope,input.filter-preset-select.filter-preset-select--scope,button.filter-preset-select.filter-preset-select--scope{min-width:132px;font-size:.8rem;line-height:1;padding-left:32px;padding-right:30px;background-repeat:no-repeat;background-position:10px center,calc(100% - 10px) center;background-size:14px,12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808a9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V7l7-4 7 4v14'/%3E%3Cpath d='M9 9h.01'/%3E%3Cpath d='M15 9h.01'/%3E%3Cpath d='M9 13h.01'/%3E%3Cpath d='M15 13h.01'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808a9a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");-webkit-appearance:none;appearance:none}select.filter-preset-select.filter-preset-select--sort,input.filter-preset-select.filter-preset-select--sort,button.filter-preset-select.filter-preset-select--sort{min-width:148px;max-width:220px;font-size:.8rem;line-height:1;padding-left:32px;padding-right:30px;background-repeat:no-repeat;background-position:10px center,calc(100% - 10px) center;background-size:14px,12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808a9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6v12'/%3E%3Cpath d='M5 9l3-3 3 3'/%3E%3Cpath d='M16 18V6'/%3E%3Cpath d='M13 15l3 3 3-3'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808a9a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");-webkit-appearance:none;appearance:none}.filter-preset-trigger{display:inline-flex;align-items:center;justify-content:flex-start;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);line-height:1;text-align:left;cursor:pointer}.filter-preset-trigger-label{display:block;width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-preset-sheet-list,.date-preset-picker-layout{display:flex;flex-direction:column;gap:14px}.date-preset-picker-modal{max-width:min(720px,92vw)}.date-preset-sheet-list--desktop-grid{min-width:0}.date-preset-sheet-group{display:flex;flex-direction:column;gap:8px}.date-preset-sheet-group-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:0 2px}.date-preset-sheet-group-list{display:flex;flex-direction:column;gap:8px}.date-preset-sheet-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;font-weight:500;padding:10px 12px;cursor:pointer;text-align:left}.date-preset-sheet-item.is-active{border-color:#185ee061;background:#185ee014;color:var(--accent)}.date-preset-sheet-item-state{font-size:.72rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.date-preset-sheet-custom{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary)}.date-preset-sheet-custom-header{display:flex;flex-direction:column;gap:4px}.date-preset-sheet-custom-note{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.45}.date-preset-sheet-custom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.date-preset-picker-footer{width:100%}.date-preset-picker-footer .btn{min-width:0}@media(min-width:601px){.date-preset-picker-layout{gap:16px}.date-preset-sheet-list--desktop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.date-preset-sheet-list--desktop-grid .date-preset-sheet-group{min-width:0}.date-preset-sheet-list--desktop-grid .date-preset-sheet-group-list{gap:10px}.date-preset-sheet-custom{margin-top:2px}}.items-type-quick-select{min-width:136px;max-width:160px}.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}.branch-scope-sheet-footer{background:linear-gradient(180deg,#fff0,#fffffff0)}.branch-scope-sheet-footer .modal-footer-actions{width:100%}.filter-sheet-footer{background:linear-gradient(180deg,#fff0,#fffffff0)}.filter-sheet-footer .modal-footer-actions,.filter-date{width:100%}.filter-dates .btn{align-self:flex-end;height:40px;min-width:100px;white-space:nowrap}.filter-bar--inline{--filterTrioMotion: .28s cubic-bezier(.22, 1, .36, 1);flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.filter-bar--inline>.filter-preset-select.filter-preset-select--date{transform-origin:left center;transition:max-width var(--filterTrioMotion),min-width var(--filterTrioMotion),width var(--filterTrioMotion),padding var(--filterTrioMotion),border-width var(--filterTrioMotion),margin var(--filterTrioMotion),transform var(--filterTrioMotion)}.filter-bar--inline>.search-box{transition:flex var(--filterTrioMotion),width var(--filterTrioMotion),min-width var(--filterTrioMotion)}.filter-bar--inline>.search-box .search-box-field{transition:max-width var(--filterTrioMotion),opacity var(--filterTrioMotion)}.filter-bar--inline .select{width:auto;min-width:120px;flex:0 1 auto}.filter-bar--inline .search-box--expanded{flex:1 1 280px;min-width:220px;order:0}.filter-bar--inline .filter-dates--stacked-inline{width:100%}.filter-bar--inline .filter-date--compact{width:auto;flex:0 0 auto;min-width:152px;max-width:172px}.filter-bar-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.active-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 0 8px}.active-filter-chip{display:inline-flex;align-items:center;gap:6px;min-width:0;border-radius:999px;padding:5px 10px;font-size:12px;line-height:1.2;animation:active-filter-chip-in .2s ease}.active-filter-row--soft .active-filter-chip{border:1px solid var(--border, rgba(0, 0, 0, .1));background:var(--bg-secondary, #fff);color:var(--text-primary)}.active-filter-row--accent .active-filter-chip{border:1px solid transparent;background:var(--accent, #185EE0);color:#fff}.active-filter-chip--pressable{cursor:pointer;transition:background .15s ease,border-color .15s ease}.active-filter-row--soft .active-filter-chip--pressable:hover{border-color:var(--accent, #185EE0);background:#185ee014}.active-filter-chip__label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-filter-chip__close{font-size:14px;line-height:1;color:var(--text-secondary)}.active-filter-row--accent .active-filter-chip__close{color:#ffffffdb}.active-filter-chip__clear,.active-filter-reset{border:none;cursor:pointer;transition:background .15s ease,border-color .15s ease}.active-filter-chip__clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#0000000f;color:var(--text-secondary);font-size:.6rem;flex-shrink:0}.active-filter-chip__clear:hover{background:#0000001f}.active-filter-row--accent .active-filter-chip__clear{background:#fff3;color:#fff}.active-filter-row--accent .active-filter-chip__clear:hover{background:#ffffff59}.active-filter-reset{border:1px solid var(--text-tertiary, var(--border));background:none;color:var(--text-secondary);border-radius:20px;padding:6px 12px;font-size:.72rem}.active-filter-reset:hover{background:var(--bg-tertiary)}@keyframes active-filter-chip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.customers-filter-toggle-group{gap:8px}.customers-filter-toggle-row{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px}.list-sort-control{display:inline-flex;align-items:center;gap:0;flex-wrap:nowrap;min-width:0}.list-sort-control__select{width:auto;min-width:148px;max-width:100%}.filter-bar--inline>.list-sort-control{flex:0 0 auto}.filter-bar--inline>.list-sort-control .list-sort-control__select{border-radius:11px;height:34px;min-height:34px;font-size:.8rem;transition:max-width var(--filterTrioMotion),min-width var(--filterTrioMotion),width var(--filterTrioMotion),border-color .18s ease,box-shadow .22s ease,transform var(--filterTrioMotion),opacity var(--filterTrioMotion)}.settings-list-toolbar .filter-bar--inline>.filter-btn{border-radius:11px}.settings-list-toolbar .filter-bar--inline>.settings-list-toolbar-extra{display:flex;align-items:center;min-width:0}.settings-list-toolbar .filter-bar--inline>.settings-list-toolbar-extra>.filter-preset-select.filter-preset-select--date{transform-origin:left center;width:100%;min-width:140px;max-width:180px;transition:max-width var(--filterTrioMotion),min-width var(--filterTrioMotion),width var(--filterTrioMotion),padding var(--filterTrioMotion),border-width var(--filterTrioMotion),margin var(--filterTrioMotion),transform var(--filterTrioMotion),opacity var(--filterTrioMotion)}.filter-trio .filter-bar--inline{display:grid;grid-template-columns:auto minmax(140px,180px) minmax(180px,1fr);grid-template-areas:"trigger preset search";gap:8px;align-items:center}.filter-trio--with-sort .filter-bar--inline{grid-template-columns:auto minmax(140px,180px) minmax(120px,1fr) auto;grid-template-areas:"trigger preset search sort"}.filter-trio .filter-bar--inline>.filter-btn{grid-area:trigger;border-radius:11px;width:36px;height:36px;transition:border-color .18s ease,color .18s ease,transform var(--filterTrioMotion),box-shadow .22s ease}.filter-trio .filter-bar--inline>.filter-preset-select{grid-area:preset;height:34px;min-height:34px;overflow:hidden;width:100%;min-width:0;max-width:none;transition:transform var(--filterTrioMotion),opacity .2s ease,box-shadow .22s ease,border-color .18s ease}.filter-trio .filter-bar--inline>.search-box{grid-area:search;min-width:0;justify-self:start}.filter-trio--with-sort .filter-bar--inline>.list-sort-control{grid-area:sort;min-width:0;justify-self:start}.filter-trio .filter-bar--inline>.list-sort-control .list-sort-control__select{overflow:hidden;width:100%;min-width:0;max-width:none}.filter-trio .filter-bar--inline>.search-box .search-box-toggle,.filter-trio .filter-bar--inline>.search-box .search-box-field input,.filter-trio .filter-bar--inline>.filter-preset-select.filter-preset-select--date,.filter-trio .filter-bar--inline>.list-sort-control .filter-preset-select.filter-preset-select--sort{border-radius:11px}.filter-trio .filter-bar--inline>.search-box.search-box--expanded{justify-content:flex-start;animation:trioSearchSettle .32s cubic-bezier(.16,1,.3,1)}.filter-trio .filter-bar--inline .search-box--expanded{flex:initial;min-width:0}.filter-trio .filter-bar--inline>.search-box.search-box--expanded .search-box-field,.filter-trio .filter-bar--inline>.search-box .search-box-field,.filter-trio .filter-bar--inline>.search-box .search-box-field input{max-width:100%;min-width:0}.filter-trio .filter-bar--inline .filter-dates.filter-dates--compact-row{grid-area:custom;display:grid;grid-template-columns:minmax(148px,190px) auto minmax(148px,190px) auto;align-items:center;gap:6px;justify-content:start}.filter-trio .filter-bar--inline .filter-dates.filter-dates--compact-row .filter-date--compact{width:100%;min-width:148px;max-width:190px;height:34px;padding-left:10px;padding-right:10px}.filter-trio .filter-bar--inline .filter-dates.filter-dates--compact-row .btn{min-width:92px;height:34px;padding:0 12px;border-radius:11px;font-size:.82rem;justify-content:center}.filter-trio--search-focus .filter-bar--inline>.filter-preset-select.filter-preset-select--date{width:40px;max-width:40px;min-width:40px;padding-left:0;padding-right:0;text-indent:-9999px;background-position:center;-webkit-appearance:none;appearance:none;transform:scale(.97);opacity:.9}.filter-trio--search-focus .filter-bar--inline>.filter-btn{transform:translate(-1px) scale(.985)}@keyframes trioSearchSettle{0%{transform:translate(3px);opacity:.82}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.search-box,.search-box-toggle,.search-box-field,.search-box-field input,.search-box-clear,.filter-bar--inline>.filter-preset-select.filter-preset-select--date,.filter-trio .filter-bar--inline>.filter-btn,.filter-trio .filter-bar--inline>.filter-preset-select,.filter-trio .filter-bar--inline>.search-box,.filter-trio .filter-bar--inline>.search-box .search-box-field{transition:none!important;animation:none!important}}.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:10px}.filter-modal-body label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;font-weight:600;color:var(--text-secondary)}.filter-modal-body .select{border-radius:10px}.filter-separator{color:var(--text-secondary);font-size:14px}.filter-dates--compact-row{align-items:center;gap:8px;flex-wrap:nowrap;margin-top:10px}.filter-bar--inline .filter-dates--compact-row{margin-top:0}.filter-dates--compact-row .filter-date--compact{width:auto;flex:0 0 auto;min-width:140px;max-width:172px;height:34px;padding:7px 10px;border-radius:8px;font-size:.8rem;line-height:1}.filter-dates--compact-row .filter-separator{line-height:34px}@media(max-width:899px){.mobile-sticky-filter-toolbar{position:sticky;top:0;z-index:12;box-sizing:border-box;display:block;width:100%;max-width:100%;margin:0 0 6px;padding:6px 10px;border:1px solid transparent;border-radius:0;background:transparent;box-shadow:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,border-radius .2s ease}.mobile-sticky-filter-toolbar .search-box{--searchBoxMotion: .28s cubic-bezier(.22, 1, .36, 1);--searchBoxFade: .28s cubic-bezier(.22, 1, .36, 1)}.mobile-sticky-filter-toolbar--stuck{background:#fff;border-color:var(--border, rgba(0, 0, 0, .08));border-radius:12px;box-shadow:0 1px 3px #0000000d}.mobile-sticky-sentinel{height:0;margin:0;padding:0;pointer-events:none}.mobile-sticky-filter-toolbar .list-sort-control__select{width:36px!important;min-width:36px!important;max-width:36px!important;padding-left:0;padding-right:0;background-position:center;background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808a9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6v12'/%3E%3Cpath d='M5 9l3-3 3 3'/%3E%3Cpath d='M16 18V6'/%3E%3Cpath d='M13 15l3 3 3-3'/%3E%3C/svg%3E");text-indent:-9999px;-webkit-appearance:none;appearance:none;border-radius:11px}.mobile-sticky-filter-toolbar .list-sort-control__select .filter-preset-trigger-label{display:none}.mobile-sticky-filter-toolbar .filter-bar{gap:6px;padding:0}.settings-content-toolbar{overflow:visible}}@media(max-width:600px){.date-preset-sheet-custom-grid{grid-template-columns:1fr}.mobile-sticky-filter-toolbar{padding:6px 8px}.mobile-sticky-filter-toolbar--stuck{border-radius:10px}.customers-filter-toggle-row{font-size:13px}.list-sort-control__select{min-width:0;max-width:min(100%,160px)}.settings-list-toolbar--with-sort .filter-bar--inline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"filter search sort";gap:6px;align-items:center;transition:grid-template-columns var(--filterTrioMotion),gap var(--filterTrioMotion)}.settings-list-toolbar--with-sort.settings-list-toolbar--with-actions .filter-bar--inline{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"filter search sort actions"}.settings-list-toolbar .filter-bar--inline>.filter-btn{grid-area:filter}.settings-list-toolbar .filter-bar--inline>.search-box{grid-area:search;min-width:0;width:36px;justify-self:start}.settings-list-toolbar .filter-bar--inline>.search-box.search-box--expanded{width:100%}.settings-list-toolbar--with-extra .filter-bar--inline{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"filter extra search";gap:6px;align-items:center;transition:grid-template-columns var(--filterTrioMotion),gap var(--filterTrioMotion)}.settings-list-toolbar--with-extra.settings-list-toolbar--with-actions .filter-bar--inline{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"filter extra search actions"}.settings-list-toolbar--with-extra.settings-list-toolbar--with-sort .filter-bar--inline{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"filter extra search sort"}.settings-list-toolbar--with-extra.settings-list-toolbar--with-sort.settings-list-toolbar--with-actions .filter-bar--inline{grid-template-columns:auto auto minmax(0,1fr) auto auto;grid-template-areas:"filter extra search sort actions"}.settings-list-toolbar .filter-bar--inline>.filter-btn,.settings-list-toolbar .filter-bar--inline>.settings-list-toolbar-extra,.settings-list-toolbar .filter-bar--inline>.filter-bar-actions{transition:opacity var(--filterTrioMotion),transform var(--filterTrioMotion),width var(--filterTrioMotion),min-width var(--filterTrioMotion),margin var(--filterTrioMotion),border-width var(--filterTrioMotion)}.settings-list-toolbar--with-extra .filter-bar--inline>.settings-list-toolbar-extra{grid-area:extra;min-width:0;width:clamp(122px,34vw,180px)}.settings-list-toolbar--with-extra .filter-bar--inline>.settings-list-toolbar-extra>.filter-preset-select.filter-preset-select--date{width:100%;min-width:0;max-width:none}.settings-list-toolbar .filter-bar--inline>.filter-bar-actions{grid-area:actions;margin-left:0}.settings-list-toolbar--with-extra.settings-list-toolbar--with-sort .filter-bar--inline>.list-sort-control{grid-area:sort;width:auto;min-width:0}.settings-list-toolbar--search-focus .filter-bar--inline>.search-box{width:100%}.mobile-sticky-filter-toolbar.filter-trio--search-focus .filter-bar--inline>.search-box,.mobile-sticky-filter-toolbar.settings-list-toolbar--search-focus .filter-bar--inline>.search-box{width:100%;min-width:0;max-width:none}.mobile-sticky-filter-toolbar.filter-trio--search-focus .filter-bar--inline>.search-box .search-box-field,.mobile-sticky-filter-toolbar.filter-trio--search-focus .filter-bar--inline>.search-box .search-box-field input,.mobile-sticky-filter-toolbar.settings-list-toolbar--search-focus .filter-bar--inline>.search-box .search-box-field,.mobile-sticky-filter-toolbar.settings-list-toolbar--search-focus .filter-bar--inline>.search-box .search-box-field input{max-width:100%}.settings-list-toolbar--with-sort .filter-bar--inline>.list-sort-control{grid-area:sort;width:auto;min-width:0}.settings-list-toolbar .filter-bar--inline>.list-sort-control .list-sort-control__select{width:auto;min-width:0;max-width:160px}.filter-trio .filter-bar--inline{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"trigger preset search";gap:6px}.filter-trio--with-sort .filter-bar--inline{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"trigger preset search sort"}.filter-trio--with-sort .filter-bar--inline>.list-sort-control{width:auto}.filter-trio .filter-bar--inline>.search-box{width:36px;justify-self:start}.filter-trio .filter-bar--inline>.search-box.search-box--expanded{width:100%}.filter-trio--search-focus .filter-bar--inline{grid-template-columns:auto 40px minmax(0,1fr)}.filter-trio--search-focus .filter-bar--inline>.filter-preset-select.filter-preset-select--date{width:40px;min-width:40px;max-width:40px}.filter-trio .filter-bar--inline>.filter-preset-select.filter-preset-select--date{width:clamp(122px,34vw,180px)}.filter-trio .filter-bar--inline .filter-dates.filter-dates--compact-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);row-gap:6px}.filter-trio .filter-bar--inline .filter-dates.filter-dates--compact-row .btn{grid-column:1 / -1;width:100%;min-width:0}.filter-bar--inline .filter-btn,.filter-bar--inline .search-box-toggle,.filter-dates.filter-dates--compact-row .btn{border-radius:var(--radius-sm);height:34px}.filter-dates{flex-direction:column;align-items:stretch}.filter-dates .btn{width:100%}.filter-bar--inline .search-box{margin-left:0}.filter-bar--inline>.search-box{transition:width var(--filterTrioMotion),min-width var(--filterTrioMotion)}.filter-bar--inline .search-box--expanded{flex:1 1 0;min-width:0}.filter-bar--inline .search-box--expanded .search-box-field input{min-width:0}.filter-bar--inline .filter-dates--compact-row{width:100%}.filter-dates.filter-dates--compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;column-gap:6px;row-gap:0}.filter-dates.filter-dates--compact-row .filter-date--compact{width:100%;min-width:0;max-width:none;border-radius:var(--radius-sm);font-size:.76rem;padding-left:8px;padding-right:8px;height:34px}.filter-dates.filter-dates--compact-row .filter-separator{line-height:34px;font-size:12px}.filter-dates.filter-dates--compact-row .btn{width:auto;margin-left:0;min-width:84px;padding:0 10px;font-size:.74rem;white-space:nowrap}}.list-action-row,.transactions-actions{margin-top:12px;display:flex;gap:8px;justify-content:flex-end;align-items:center}@media(max-width:899px){.list-action-row,.transactions-actions{margin-bottom:calc(18px + var(--bottom-nav-height, 64px) + var(--bottom-nav-safe-bottom, env(safe-area-inset-bottom, 0px)))}}.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}.transaction-detail-card .invoice-edit-field .customer-picker{z-index:2}.transaction-detail-card .invoice-edit-field .picker-list{top:auto;bottom:calc(100% + 8px);margin-top:0}.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-sub{color:var(--text-secondary);font-size:.76rem}.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}.ledger-detail-card{gap:12px}.ledger-detail-card .detail-card-hero{padding:8px 0 2px}.ledger-detail-card .detail-card-group{background:var(--bg-secondary, #fff);border:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:14px;overflow:hidden}.ledger-detail-card .detail-card-row{padding:11px 14px;border-bottom:.5px solid var(--border, rgba(0, 0, 0, .08))}.ledger-detail-card .detail-card-label{font-size:.82rem}.ledger-detail-card .detail-card-value{font-size:.88rem}.ledger-detail-card .detail-card-value--mono{font-size:.8rem}.transaction-detail-card,.customer-detail-card,.cashcount-detail-card{gap:12px}.transaction-detail-card .detail-card-group{background:var(--bg-secondary, #fff);border:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:14px}.customer-detail-card .detail-card-group,.cashcount-detail-card .detail-card-group{background:var(--bg-secondary, #fff);border:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:14px;overflow:hidden}.transaction-detail-card .detail-card-row,.customer-detail-card .detail-card-row,.cashcount-detail-card .detail-card-row{border-bottom:.5px solid var(--border, rgba(0, 0, 0, .08))}.transaction-detail-hero{padding:8px 0 2px}.transaction-detail-hero-amount{color:var(--text-primary)}.transaction-detail-footer-shell{width:100%;display:flex;flex-direction:column;gap:8px}.transaction-detail-footer-utilities{display:flex;align-items:center;gap:8px}.transaction-detail-footer-utilities .btn{flex:0 0 auto}.transaction-detail-utility-btn{min-width:0;border-radius:12px}.transaction-detail-footer-primary{width:100%}@media(min-width:601px){.modal.modal-variant-detail .modal-footer{flex-wrap:nowrap;align-items:center}.modal.modal-variant-detail .detail-modal-actions{width:auto;justify-content:flex-end;align-items:center;flex-wrap:nowrap}.modal.modal-variant-detail .detail-modal-actions .btn{flex:0 0 auto;min-inline-size:0}.modal.modal-variant-detail .transaction-detail-footer-shell{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.modal.modal-variant-detail .transaction-detail-footer-utilities{flex-wrap:nowrap}.modal.modal-variant-detail .transaction-detail-footer-primary{width:auto;margin-left:auto}.modal.modal-variant-detail .transaction-detail-footer-utilities .btn{min-inline-size:0}}.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}.item-detail-photo{width:72px;height:72px;margin:0 auto 10px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border)}.item-detail-photo--service{background:#ff95001f;color:var(--text-primary)}.item-detail-photo--product{background:#38bdf824;color:var(--text-primary)}.item-detail-photo--image{background:transparent}.item-detail-photo-image{width:100%;height:100%;object-fit:cover}.employee-detail-hero{padding-top:6px}.employee-detail-photo{width:80px;height:80px;margin:0 auto 10px;border-radius:999px;overflow:hidden;border:1px solid var(--border);background:color-mix(in srgb,var(--brand-primary) 18%,var(--bg-secondary));display:flex;align-items:center;justify-content:center}.employee-detail-photo-image{width:100%;height:100%;object-fit:cover}.employee-detail-photo-fallback{font-size:2rem;font-weight:700;color:var(--brand-primary)}.employee-detail-hero-name{font-size:1.35rem;font-family:inherit}.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-word;overflow-wrap:anywhere}.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}.ledger-detail-card{gap:10px}.ledger-detail-card .detail-card-row{padding:10px 12px}.transaction-detail-card{gap:10px}.transaction-detail-card .detail-card-row{padding:10px 12px}.transaction-detail-footer-shell{gap:6px}.transaction-detail-footer-utilities{justify-content:flex-start}.transaction-detail-utility-btn{min-width:44px;min-height:36px;padding-inline:10px}.customer-detail-card,.cashcount-detail-card{gap:10px}.detail-modal-actions .btn{min-height:40px}}.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)}.feature-quick-links{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;align-items:center}.feature-quick-link{font-size:12px;line-height:1.3;color:var(--accent);text-decoration:underline;text-underline-offset:2px}.feature-quick-link:hover{color:var(--accent-strong, var(--accent))}.feature-quick-link--disabled{color:var(--text-secondary);text-decoration:none}.feature-link-separator{color:var(--text-tertiary);font-size:11px}@media(max-width:600px){.feature-table th,.feature-table td{padding:8px;font-size:12px;vertical-align:top}.feature-table td strong{font-size:13px;line-height:1.25}.feature-table th:nth-child(1),.feature-table td:nth-child(1){min-width:92px}.feature-table th:nth-child(2),.feature-table td:nth-child(2){min-width:180px}.feature-table th:nth-child(3),.feature-table td:nth-child(3){width:44px;text-align:center}.feature-table-desc{display:-webkit-box;overflow:hidden;line-height:1.35;-webkit-line-clamp:4;-webkit-box-orient:vertical}.feature-quick-links{gap:4px;margin-top:6px}.feature-quick-link{font-size:11px;line-height:1.1;white-space:normal}}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-virtual-scroll{max-height:70vh;overflow:auto}.table-virtual-inner{position:relative}.table-virtual-row{position:absolute;top:0;left:0;width:100%;transform:translateY(var(--table-vrow-start, 0px))}.table-virtual-scroll thead{position:sticky;top:0;z-index:1;background:var(--bg-tertiary, #fff)}.table-virtual-spacer td{padding:0;border:none}.table-virtual-gap{width:1px}.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)}.table-group-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.table-group-toggle:hover{background:var(--bg-hover, rgba(0,0,0,.04))}.table-group-chevron{display:inline-block;margin-right:6px;transition:transform .15s ease}.table-group-chevron--collapsed{transform:rotate(-90deg)}.table-group-count{margin-left:8px;font-weight:400;font-size:.72rem;color:var(--text-tertiary, #999)}.table-date-stack{display:flex;flex-direction:column;gap:2px;min-width:0}.table-date-day{font-weight:700}.transactions-mobile-meta{display:none}.customer-duplicates-review{display:grid;gap:12px}.customer-duplicates-review__note{line-height:1.4}.customer-duplicate-list{display:grid;gap:12px;width:100%}.customer-duplicate-list__summary{display:flex;align-items:center;justify-content:flex-start}.customer-duplicate-item{width:100%;border:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f7f9fcfa);overflow:hidden}.customer-duplicate-item--open{border-color:#f1b7b3;box-shadow:0 10px 26px #0f172a14}.customer-duplicate-item__trigger{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;text-align:left}.customer-duplicate-item__main{display:grid;gap:4px;min-width:0;flex:1}.customer-duplicate-item__main strong{font-size:1rem;font-weight:700;color:var(--text-primary)}.customer-duplicate-item__main .text-secondary{font-size:.92rem}.customer-duplicate-item__side{display:flex;align-items:center;gap:12px;flex-shrink:0}.customer-duplicate-item__chevron{color:var(--text-secondary)}.customer-duplicate-item__panel{padding:0 18px 18px;display:grid;gap:12px;border-top:1px solid var(--border-soft, #edf0f5);background:#f8fafc}.customer-duplicate-item__members{display:grid;gap:8px;padding-top:12px}.customer-duplicate-member{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#fffffff5;border:1px solid rgba(226,232,240,.9)}.customer-duplicate-member--target{border-color:#22c55e42;background:#f3fbf6}.customer-duplicate-member--source{border-color:#ef44443d;background:#fff8f8}.customer-duplicate-member__identity{display:grid;gap:4px;min-width:0}.customer-duplicate-member__name{font-weight:600;color:var(--text-primary)}.customer-duplicate-member__meta{color:var(--text-secondary);font-size:.92rem}.customer-duplicate-member__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.customer-duplicate-choice{border:1px solid var(--border, rgba(0, 0, 0, .1));background:#fff;color:var(--text-secondary);border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:600}.customer-duplicate-choice--source{color:#dc2626}.customer-duplicate-choice--active{border-color:#22c55e57;background:#ecfdf3;color:#15803d}.customer-duplicate-choice--source.customer-duplicate-choice--active{border-color:#ef444447;background:#fef2f2;color:#b91c1c}.customer-duplicate-choice:disabled{opacity:.45}.customer-duplicate-item__actions{display:flex;justify-content:flex-end}.customer-duplicate-item__loading{padding-top:12px}.customer-duplicate-item__hint{padding-top:8px;font-size:.92rem;line-height:1.45}.customer-duplicate-item__merge-form{display:grid;gap:12px}.customer-duplicate-item__summary-card{margin-top:2px}@media(max-width:640px){.customer-duplicate-item__trigger,.customer-duplicate-member{align-items:flex-start;flex-direction:column}.customer-duplicate-item__side{width:100%;justify-content:space-between}.customer-duplicate-member__actions{width:100%}}@media(max-width:899px){.transactions-mobile-shell,.ledger-mobile-shell,.customers-mobile-shell{--mobile-list-row-padding-y: 15px;--mobile-list-row-padding-x: 12px;--mobile-list-content-gap: 14px;--mobile-list-main-gap: 4px;--mobile-list-side-gap: 3px}.transactions-mobile-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;padding:2px 2px 8px}.transactions-mobile-shell .table-card-list{gap:0;background:var(--bg-secondary);border:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:var(--radius-lg, 16px);overflow:hidden;box-shadow:var(--shadow, 0 2px 8px rgba(0, 0, 0, .08))}.transactions-mobile-shell .table-card-list .clickable-row+.clickable-row{border-top:.5px solid var(--border, rgba(0, 0, 0, .08))}.transactions-mobile-shell .table-card-list .clickable-row:active .trx-mobile-cell{background:var(--bg-primary, #f5f5f7)}.customers-mobile-shell .table-card-list{gap:0;background:var(--bg-secondary);border:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:var(--radius-lg, 16px);overflow:hidden;box-shadow:var(--shadow, 0 2px 8px rgba(0, 0, 0, .08))}.customers-mobile-shell .table-card-list.table-virtual-scroll,.transactions-mobile-shell .table-card-list.table-virtual-scroll,.ledger-mobile-shell .table-card-list.table-virtual-scroll{overflow-x:hidden;overflow-y:auto}.customers-mobile-shell .table-card-list .clickable-row+.clickable-row{border-top:.5px solid var(--border, rgba(0, 0, 0, .08))}.customers-mobile-shell .table-card-list .clickable-row:active .ios-cell{background:var(--bg-primary, #f5f5f7)}.customers-mobile-shell .ios-cell{border:none;box-shadow:none;border-radius:0;background:transparent;padding:var(--mobile-list-row-padding-y, 11px) var(--mobile-list-row-padding-x, 8px)}.customers-load-more{display:flex;justify-content:center;margin-top:16px}.transactions-mobile-shell .trx-mobile-cell{border:none;box-shadow:none;border-radius:0;background:transparent;padding:var(--mobile-list-row-padding-y, 11px) var(--mobile-list-row-padding-x, 8px);gap:0}.transactions-mobile-shell .trx-mobile-content{display:grid;grid-template-columns:54px 1fr auto;gap:var(--mobile-list-content-gap, 10px);align-items:center}.transactions-mobile-shell .trx-mobile-date-block{display:flex;flex-direction:column;min-width:0}.transactions-mobile-shell .trx-mobile-dow{font-size:.68rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.transactions-mobile-shell .trx-mobile-day{font-size:.86rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.transactions-mobile-shell .trx-mobile-time{font-size:.66rem;font-weight:500;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.transactions-mobile-shell .trx-mobile-main{display:flex;flex-direction:column;min-width:0;gap:var(--mobile-list-main-gap, 2px)}.transactions-mobile-shell .trx-mobile-meta{display:flex;align-items:center;gap:5px;min-width:0;font-size:.74rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transactions-mobile-shell .trx-mobile-status,.transactions-mobile-shell .trx-mobile-cashier,.transactions-mobile-shell .trx-mobile-title,.transactions-mobile-shell .trx-mobile-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transactions-mobile-shell .trx-mobile-sep{flex-shrink:0}.transactions-mobile-shell .trx-mobile-title{font-size:.9rem;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.transactions-mobile-shell .trx-mobile-sub{font-size:.7rem;color:var(--text-secondary)}.transactions-mobile-shell .trx-mobile-side{display:flex;flex-direction:column;align-items:flex-end;gap:var(--mobile-list-side-gap, 2px);min-width:0}.transactions-mobile-shell .trx-mobile-amount{font-size:.84rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);white-space:nowrap}.transactions-mobile-shell .trx-mobile-amount--in{color:var(--success, #34c759)}.transactions-mobile-shell .trx-mobile-amount--out{color:var(--danger, #ff3b30)}.transactions-mobile-shell .trx-mobile-wallet{font-size:.68rem;color:var(--text-secondary);white-space:nowrap;text-align:right}.ledger-data-mobile-shell,.transactions-data-mobile-shell,.customers-data-mobile-shell{margin-left:-4px!important;margin-right:-4px!important;width:calc(100% + 8px)!important}.ledger-data-mobile-shell .table-card-list,.transactions-data-mobile-shell .table-card-list,.customers-data-mobile-shell .table-card-list{border-radius:var(--radius-md, 12px)!important;border:1px solid var(--border, rgba(0, 0, 0, .1))!important}.ledger-mobile-shell .table-card-list{gap:0;background:var(--bg-secondary);border:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:var(--radius-lg, 16px);overflow:hidden;box-shadow:var(--shadow, 0 2px 8px rgba(0, 0, 0, .08))}.ledger-mobile-shell .table-card-list .clickable-row+.clickable-row{border-top:.5px solid var(--border, rgba(0, 0, 0, .08))}.ledger-mobile-shell .table-card-list .clickable-row:active .ledger-mobile-cell{background:var(--bg-primary, #f5f5f7)}.ledger-mobile-shell .ledger-mobile-cell{border:none;box-shadow:none;border-radius:0;background:transparent;padding:var(--mobile-list-row-padding-y, 11px) var(--mobile-list-row-padding-x, 8px);gap:0}.ledger-mobile-shell .ledger-mobile-content{display:grid;grid-template-columns:54px 1fr auto;gap:var(--mobile-list-content-gap, 10px);align-items:center}.ledger-mobile-shell .ledger-mobile-date-block{display:flex;flex-direction:column;min-width:0}.ledger-mobile-shell .ledger-mobile-dow{font-size:.68rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.ledger-mobile-shell .ledger-mobile-day{font-size:.86rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.ledger-mobile-shell .ledger-mobile-time{font-size:.66rem;font-weight:500;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.ledger-mobile-shell .ledger-mobile-main{display:flex;flex-direction:column;min-width:0;gap:var(--mobile-list-main-gap, 2px)}.ledger-mobile-shell .ledger-mobile-title{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledger-mobile-shell .ledger-mobile-meta{display:flex;align-items:center;gap:5px;min-width:0;font-size:.74rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledger-mobile-shell .ledger-mobile-type,.ledger-mobile-shell .ledger-mobile-wallet,.ledger-mobile-shell .ledger-mobile-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledger-mobile-shell .ledger-mobile-sep{flex-shrink:0}.ledger-mobile-shell .ledger-mobile-sub{font-size:.7rem;color:var(--text-secondary)}.ledger-mobile-shell .ledger-mobile-side{display:flex;flex-direction:column;align-items:flex-end;gap:var(--mobile-list-side-gap, 2px);min-width:0;align-self:start;justify-self:end}.ledger-mobile-shell .ledger-mobile-amount{font-size:.84rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);white-space:nowrap;text-align:right}.ledger-mobile-shell .ledger-mobile-amount--in{color:var(--success, #34c759)}.ledger-mobile-shell .ledger-mobile-amount--out,.ledger-mobile-shell .ledger-mobile-amount--void{color:var(--danger, #ff3b30)}.ledger-mobile-shell .ledger-mobile-balance{display:inline-flex;justify-content:flex-end;font-size:.68rem;color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;max-width:100%;overflow:hidden;text-overflow:ellipsis}}.ios-cell{background:var(--bg-secondary);border-radius:var(--radius-lg, 14px);border:1px solid var(--border);padding:12px 14px;box-shadow:0 1px 2px #0f172a0a,0 8px 20px #0f172a0a;display:flex;align-items:flex-start;gap:10px;width:100%;transition:box-shadow .2s ease,border-color .2s ease}.ios-cell:active{border-color:var(--border-strong, var(--border));box-shadow:0 1px 2px #0f172a0d,0 5px 12px #0f172a0f}.ios-cell-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ios-cell--compact{padding:10px 12px;gap:8px}.ios-cell--compact .ios-cell-icon-circle{width:32px;height:32px;font-size:14px}.ios-cell--compact .ios-cell-actions-row{margin-top:6px}.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:center;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-circle--photo{background:transparent;padding:0;overflow:hidden;border:1px solid var(--border)}.item-thumb-image{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.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:14px;font-weight:700;color:var(--text-primary);text-transform:none;letter-spacing:0;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;align-items:center;flex-wrap:wrap}.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;flex-direction:column;align-items:center;justify-content:center;min-height:220px;gap:12px}.page-loading>.auth-spinner{margin:0}.page-loading:after{content:"Mohon tunggu";font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:0}.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}.input-mono{font-family:var(--mono-stack)}.item-mobile-price{font-size:16px}.item-mobile-kicker-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.item-mobile-kicker{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.item-mobile-status{font-size:11px;line-height:1;padding:2px 7px;border-radius:999px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border)}.item-mobile-detail{color:var(--text-secondary);font-size:12px;line-height:1.35;display:flex;flex-direction:column;gap:1px}.item-mobile-detail-line{color:var(--text-secondary)}.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:legacyShimmer 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 legacyShimmer{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}.segment-control--scroll{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.settings-list-toolbar--search-focus .filter-bar--inline>.search-box.search-box--expanded{justify-content:flex-start;animation:trioSearchSettle .32s cubic-bezier(.16,1,.3,1)}.segment-control--scroll-mobile{overflow:visible}.segment-control--scroll::-webkit-scrollbar{width:0;height:0}.segment-control--scroll-mobile::-webkit-scrollbar{width:0;height:0}.segment-control--scroll .segment-btn{flex:0 0 auto;white-space:nowrap;min-width:160px}.inv-layout{display:flex;flex-direction:column;gap:20px}.inv-empty{text-align:center;padding:40px 16px;color:var(--text-secondary)}.inv-empty .icon{width:44px;height:44px;margin-bottom:10px;opacity:.35}.inv-empty p{margin:0 0 4px;font-weight:500;color:var(--text-primary)}.inv-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.inv-section-title{font-size:14px;font-weight:600;margin:0;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.inv-overview{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:16px}.inv-overview-list{display:flex;flex-direction:column;gap:0}.inv-overview-row{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:none;border-bottom:1px solid var(--border);border-radius:0;background:transparent;cursor:pointer;text-align:left;font-family:inherit;transition:background .12s;width:100%}.inv-overview-row:first-child{border-radius:10px 10px 0 0}.inv-overview-row:last-child{border-bottom:none;border-radius:0 0 10px 10px}.inv-overview-row:only-child{border-radius:10px}.inv-overview-row:hover{background:var(--bg-tertiary)}.inv-overview-row--active{background:var(--accent-bg, rgba(59, 130, 246, .06));box-shadow:inset 3px 0 0 var(--accent)}.inv-overview-row-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.inv-overview-row-item{display:inline-flex;align-items:center;gap:8px;min-width:0}.inv-overview-row-name{font-size:14px;font-weight:500;color:var(--text-primary)}.inv-overview-row-hint{font-size:12px;color:var(--text-secondary);margin-top:1px}.inv-item-thumb{width:24px;height:24px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.inv-item-thumb--fallback{display:inline-flex;align-items:center;justify-content:center;background:#38bdf824;color:var(--text-primary)}.inv-item-thumb--lg{width:32px;height:32px;border-radius:10px}.inv-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;white-space:nowrap}.inv-badge .icon{width:12px;height:12px}.inv-badge--success{background:#ecfdf5;color:#059669}.inv-badge--warning{background:#fffbeb;color:#d97706}.inv-badge--danger{background:#fef2f2;color:#dc2626}.inv-detail{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:20px}.inv-detail-header{margin-bottom:16px}.inv-detail-title-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.inv-detail-title{font-size:17px;font-weight:600;margin:0 0 6px}.inv-detail-stock{display:flex;align-items:baseline;gap:8px}.inv-detail-stock-number{font-size:32px;font-weight:700;line-height:1.1;color:var(--text-primary)}.inv-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.inv-actions-primary{display:flex}.inv-actions-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inv-actions-tertiary{display:flex;gap:8px}.inv-action-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary);cursor:pointer;font-family:inherit;text-align:left;transition:all .15s;width:100%;box-shadow:0 1px 3px #0000000a}.inv-action-btn:hover{border-color:var(--accent);box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}.inv-action-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000a}.inv-action-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.inv-action-btn--primary{background:linear-gradient(135deg,#eef4ff,#dbeafe);border-color:#bfdbfe;flex-direction:row;align-items:center;gap:14px;padding:16px 20px}.inv-action-btn--primary .inv-action-btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#3b82f6;color:#fff;font-size:22px;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px #3b82f64d}.inv-action-btn--primary .inv-action-btn-label{font-size:15px;font-weight:600;color:#1d4ed8}.inv-action-btn--primary .inv-action-btn-hint{font-size:12px;color:#64748b}.inv-action-btn--primary:hover{background:linear-gradient(135deg,#dbeafe,#c7d9fe);border-color:#93bbfd}.inv-action-btn--secondary{background:var(--bg-secondary);border-color:var(--border)}.inv-action-btn--secondary .inv-action-btn-label{font-size:14px;font-weight:600;color:var(--text-primary)}.inv-action-btn--secondary .inv-action-btn-hint{font-size:12px;color:var(--text-secondary);line-height:1.3}.inv-action-btn--tertiary{flex-direction:row;align-items:center;font-size:13px;font-weight:500;color:var(--text-secondary);padding:10px 14px;border-style:dashed;background:transparent;box-shadow:none}.inv-action-btn--tertiary:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);transform:none;box-shadow:none}.inv-action-btn--danger{flex-direction:row;align-items:center;font-size:13px;font-weight:500;color:#b42318;padding:10px 14px;border-color:#fecaca;background:#fef2f2;border-radius:12px;border-width:1px;border-style:solid;cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:none}.inv-action-btn--danger:hover{background:#fee2e2;border-color:#fca5a5;transform:none;box-shadow:none}.inv-modal-item-header{padding:10px 14px;background:var(--bg-tertiary);border-radius:10px;margin-bottom:14px;border:1px solid var(--border)}.inv-modal-item-name{font-weight:600;font-size:14px}.inv-detail .inv-section-header{margin-top:4px}.inv-movement-list{display:flex;flex-direction:column;gap:10px}.inv-movement-card{align-items:center}.inv-movement-card .ios-cell-content{gap:4px}.inv-movement-card .ios-cell-row--top{align-items:center}.inv-movement-card .ios-cell-date{font-size:12px}.inv-movement-reason{font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border)}.inv-movement-card .ios-cell-meta{font-size:12px;color:var(--text-secondary)}@media(max-width:900px){.segment-control--scroll-mobile{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.segment-control--scroll-mobile .segment-btn{flex:0 0 auto;white-space:nowrap;min-width:120px}.inv-overview{padding:12px}.inv-detail{padding:14px}.inv-actions-secondary{grid-template-columns:1fr}.inv-actions-tertiary{flex-direction:column}.inv-action-btn--primary{padding:14px 16px}.inv-movement-list{gap:8px}.inv-movement-card{padding:10px 12px}}@media(max-width:600px){.segment-control--scroll .segment-btn{min-width:132px;padding:8px 14px}.segment-control--scroll-mobile .segment-btn{min-width:108px;padding:8px 12px}}.pos-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;min-height:0}.pos-layout>*{min-width: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-card--disabled{opacity:.62;cursor:not-allowed;border-color:#94a3b88c;box-shadow:inset 0 0 0 1px #94a3b838}.item-card--disabled:hover{transform:none;box-shadow:inset 0 0 0 1px #94a3b838}.item-badge-unavailable{margin-top:8px;display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;color:#8a3c00;background:#ffe7d1;border:1px solid #f7c99d}.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:#17243a;box-shadow:0 2px 8px #ff6b354d}.item-icon--photo{background:transparent;border:1px solid var(--border);box-shadow:none;padding:0;overflow:hidden}.item-icon-image{width:100%;height:100%;object-fit:cover;display:block}.item-icon .icon{color:#17243a}.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}.item-name-cell{display:inline-flex;align-items:center;gap:8px;min-width:0}.item-thumb-circle{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#17243a}.item-thumb-circle--service{background:#ff950024}.item-thumb-circle--product{background:#38bdf829}.item-thumb-circle--photo{background:transparent;border:1px solid var(--border);overflow:hidden}.pos-category-strip{margin-bottom:12px;overflow:hidden;min-width:0;width:100%;box-sizing:border-box}.pos-category-chip{box-sizing:border-box;flex:1 1 0;min-width:0;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.pos-category-strip{overflow-x:auto;overflow-y:hidden}.pos-category-strip::-webkit-scrollbar{width:0;height:0}.pos-category-chip{flex:0 0 auto;min-width:120px;max-width:160px}}.pos-items-content{padding:12px;overflow-y:auto}@media(max-width:480px){.pos-category-chip{font-size:12px;padding:6px 8px;min-width:64px;max-width:130px}.pos-items-content{padding:8px}}.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}.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-empty-text{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.cart-empty-hint{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.cart-empty-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;border:none;background:var(--primary, #2563eb);color:#fff;transition:background .15s ease,transform .1s ease}.cart-empty-cta:hover{background:var(--primary-hover, #1d4ed8)}.cart-empty-cta:active{transform:scale(.97)}.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}.form-row--center{align-items:center;gap:8px}.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}.journal-preview-human{font-weight:600;color:#1e3a5f;margin-bottom:4px;font-size:.95em}.journal-preview-note{margin-top:8px;padding-top:8px;border-top:1px solid #d0e4f7}.journal-preview-note-text{font-size:.82em;line-height:1.45;color:#475569}.journal-preview-note--positive .journal-preview-note-text{color:#166534}.journal-preview-note--danger .journal-preview-note-text{color:#991b1b}.journal-preview-note--neutral .journal-preview-note-text{color:#334155}.journal-preview-technical{display:flex;flex-direction:column;gap:1px;color:#5a6a7e;font-size:.85em;font-family:ui-monospace,monospace;border-top:1px solid #d0e4f7;margin-top:4px;padding-top:4px}.lt-guidance-card{display:flex;gap:8px;align-items:flex-start;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;padding:8px 12px;margin-bottom:4px}.lt-guidance-icon{color:#7c3aed;flex-shrink:0;margin-top:2px}.lt-guidance-text{font-size:.9em;color:#4c1d95;line-height:1.4}.lt-guidance-examples{font-size:.82em;color:#6d28d9;margin-top:2px;opacity:.8}.lt-manage-link{background:none;border:none;padding:0;margin-top:4px;font-size:.82em;color:var(--color-primary, #6366f1);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.lt-manage-link:hover{color:var(--color-primary-dark, #4f46e5)}.lt-overlay-list{display:flex;flex-direction:column;gap:12px;padding:2px 0}.lt-overlay-group{border-radius:14px;background:#f4f7fb;border:1px solid #dbe3ee;box-shadow:none;overflow:hidden}.lt-overlay-group-label{font-weight:700;font-size:.82em;color:#63758f;text-transform:uppercase;letter-spacing:.72px;margin:0;padding:12px 14px 8px}.lt-overlay-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid #dbe3ee}.lt-overlay-row:last-child{padding-bottom:12px}.lt-overlay-row--inactive{opacity:.6}.lt-overlay-row-main{flex:1;min-width:0;cursor:pointer;background:transparent;border:none;border-radius:8px;padding:0;text-align:left;box-shadow:none;transition:opacity .2s ease}.lt-overlay-row-main:hover{opacity:.86}.lt-overlay-row-main:active{opacity:.72}.lt-overlay-row-main:focus-visible{outline:2px solid #8eb6ea;outline-offset:2px}.lt-overlay-row-name{font-weight:600;font-size:1.02em;color:#223247;line-height:1.25}.lt-overlay-row-desc{margin-top:2px;font-size:.9em;color:#63758f;line-height:1.3;white-space:normal;overflow:visible;text-overflow:unset}.lt-overlay-toggle{flex-shrink:0;padding-right:0}@media(max-width:640px){.lt-overlay-group{border-radius:12px}.lt-overlay-row-main{border-radius:6px}.lt-overlay-row-name{font-size:.98em}.lt-overlay-row-desc{font-size:.86em}}.lt-overlay-form{display:flex;flex-direction:column;gap:14px}.lt-section-hint{margin:4px 0 0;font-size:.84rem;line-height:1.45;color:var(--text-secondary, #64748b)}.lt-inline-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lt-inline-toggle-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.lt-advanced-section{margin:0}.lt-advanced-summary{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.lt-advanced-title{padding:0}.lt-advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;font-size:.88em;font-weight:600;color:var(--text-secondary, #64748b);cursor:pointer;text-align:left}.lt-advanced-toggle:hover{color:var(--text-primary, #1e293b)}.lt-advanced-toggle-icon{font-size:.9em;margin-left:4px}.lt-advanced-body{display:flex;flex-direction:column;gap:10px;margin-top:12px}.lt-toggle-label{font-size:.88em;color:var(--text-secondary, #64748b);margin-left:8px}.lt-radio-group{display:flex;flex-direction:column;gap:6px}.lt-radio-card{position:relative;display:flex;flex-direction:column;gap:2px;padding:11px 14px;border:1px solid var(--border, #dbe3ee);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.lt-radio-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.lt-radio-card:hover{border-color:#93b4d4;background:#f8fafc}.lt-radio-card:focus-within{border-color:var(--accent, #2563eb);box-shadow:0 0 0 3px #2563eb1f}.lt-radio-card--active{border-color:var(--accent, #2563eb);background:#f0f5ff}.lt-radio-card-label{font-weight:600;font-size:.95em;color:var(--text-primary, #1e293b);line-height:1.3}.lt-radio-card-desc{font-size:.84em;color:var(--text-secondary, #64748b);line-height:1.3}.lt-radio-card--active .lt-radio-card-label{color:var(--accent, #2563eb)}@media(min-width:480px){.lt-radio-group{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}}.lt-overlay-checkboxes{display:flex;flex-direction:column;gap:6px;justify-content:center}.lt-overlay-checkboxes label{display:flex;align-items:center;gap:6px;font-size:.9em;cursor:pointer}.input-label-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.select-all-btn{background:none;border:none;padding:0;font-size:12px;color:var(--color-primary, #6366f1);cursor:pointer;font-weight:500;white-space:nowrap}.select-all-btn:hover{text-decoration:underline}.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}.manual-save-success{padding:.5rem 0}.manual-save-success-text{font-size:15px;margin-bottom:8px}.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)}.invite-code-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.invite-modal-submit{flex:0 0 auto;min-width:180px}.add-actions-grid{display:grid;grid-template-columns:1fr;gap:10px}.add-actions-grid .btn{width:100%}@media(max-width:600px){.invite-code-actions{grid-template-columns:1fr}.invite-modal-submit{width:100%;min-width:0}}@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}.hours-override-form{margin-top:14px;display:grid;gap:10px}.hours-override-actions{display:flex;justify-content:flex-start}.hours-override-list{margin-top:12px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;max-height:280px;overflow-y:auto}.hours-override-empty{border:1px dashed var(--line, #d9d9de);border-radius:12px;padding:12px 14px;background:var(--surface-soft, #fafbff)}.hours-override-empty-title{font-weight:600;color:var(--text, #1f2a44)}.hours-override-empty-desc{margin-top:4px}.hours-section-hint{margin-top:0;margin-bottom:12px}.hours-override-commission-trigger{margin-top:14px}.modal-content-body{font-size:.9rem;line-height:1.6}.modal-content-intro{margin-top:0;margin-bottom:12px}.modal-content-sub{margin-top:8px}.input-hint--block{margin-top:8px;display:block}.hours-override-row{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border)}.hours-override-row:last-child{border-bottom:none}.hours-override-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hours-override-label{min-width:120px}.hours-override-hours{font-weight:500}.branch-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-secondary)}.branch-toolbar{margin-top:2px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.branch-add-btn{min-width:0;padding-inline:14px;border-radius:11px}.branch-cap-note{margin:2px 0 14px;font-size:.8rem}.branch-toolbar-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.branch-section-guide-link{margin-top:0;font-size:.78rem;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:2px;letter-spacing:.01em}.branch-section-guide-link:hover{color:#1549b8}.branch-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.branch-item:last-child{border-bottom:none}.branch-item--inactive{background:#ff3b300f}.branch-main{min-width:0;flex:1;display:flex;align-items:center;gap:10px}.branch-name{min-width:0;flex:1;font-size:.95rem;font-weight:600;color:var(--text-primary)}.branch-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.branch-name-input{width:100%!important;max-width:360px}.branch-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tag-branch-state{font-weight:600}.branch-status-chips{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.branch-status-chips .tag{font-size:.68rem;line-height:1;padding:4px 8px}.branch-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.branch-action-btn{min-width:0;padding-inline:10px}.branch-action-btn--quiet{background:transparent;border-color:transparent;color:var(--text-secondary);box-shadow:none}.branch-action-btn--quiet:hover{background:#0f172a0d;border-color:#0f172a0a;color:var(--text-primary)}.branch-action-btn--destructive{background:#ff3b3014;color:var(--danger);border-color:#ff3b301f;box-shadow:none}.branch-action-btn--destructive:hover{background:#ff3b301f}.branch-action-btn--activate{box-shadow:none}.ios-cell-icon--branch{background:#185ee01f;color:var(--accent)}.branch-mobile-card{width:100%;border-radius:16px;box-shadow:0 1px 2px #0f172a08,0 6px 16px #0f172a09}.branch-mobile-code{font-size:.78rem;font-weight:600;color:var(--text-secondary);letter-spacing:.04em;white-space:nowrap}.branch-mobile-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.branch-mobile-status{display:flex;gap:5px;flex-wrap:wrap;min-width:0}.branch-mobile-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(15,23,42,.06)}.branch-mobile-actions .btn,.branch-actions .btn{border-radius:11px}.branch-mobile-actions .btn{min-width:0;flex:0 0 auto;height:30px;padding-inline:10px;font-size:12px}@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}.branch-item{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.branch-main{flex-direction:column;align-items:flex-start;gap:8px}.branch-name{width:100%;font-size:.92rem}.branch-name-input{max-width:none}.branch-actions{width:100%;justify-content:flex-start}.branch-toolbar{margin-bottom:12px;align-items:center;justify-content:space-between}.branch-add-btn{width:auto;min-width:0}.branch-toolbar-actions{width:auto;margin-left:0;justify-content:flex-end}.branch-actions .btn{flex:1 1 calc(50% - 8px);min-width:120px}.branch-mobile-actions .btn{width:auto}}dialog.modal-overlay{border:none;padding:0;max-width:none;max-height:none;width:auto;height:auto;color:inherit;background:transparent}.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-overlay.modal-overlay--dragging{background:rgba(0,0,0,var(--modal-overlay-alpha, .4))}.modal-overlay.modal-overlay--dismissing{background:transparent;transition:background .25s}.modal{position:relative;background:var(--bg-secondary);border:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:20px;padding:28px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 22px 56px #0f172a2e,0 8px 20px #0f172a14,inset 0 1px #ffffffb3;animation:modalIn .3s ease}.modal-body{min-width:0}.modal-variant-form .modal-footer,.modal-variant-detail .modal-footer,.modal-variant-help .modal-footer,.modal-variant-picker .modal-footer{width:100%;display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:wrap;gap:8px}.modal-variant-form .modal-footer .btn,.modal-variant-detail .modal-footer .btn,.modal-variant-help .modal-footer .btn,.modal-variant-picker .modal-footer .btn{flex:0 0 auto;min-width:0;min-inline-size:112px}.modal-compact{border-radius:18px;padding:22px;box-shadow:0 18px 42px #0f172a24,0 6px 16px #0f172a14,inset 0 1px #ffffffbf}.modal-variant-confirm .modal-header,.modal-variant-picker .modal-header{margin-bottom:18px}.modal-variant-form{background:linear-gradient(180deg,#fffffffa,#f8fafcf5),var(--bg-secondary)}.modal-variant-form .modal-header{text-align:left;display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.modal-variant-form .modal-title{flex:1;text-align:left;font-size:1.3rem;letter-spacing:-.02em}.modal-variant-form .modal-body{display:flex;flex-direction:column;gap:18px}.modal-variant-form .modal-footer{margin-top:6px;padding-top:16px;border-top:1px solid var(--border, rgba(0, 0, 0, .1))}.modal-variant-form .form-section,.modal-variant-form .customer-form-section{margin-bottom:0;border-radius:18px;padding:14px 16px;background:linear-gradient(180deg,#ffffffe6,#f5f7faf5);border:1px solid rgba(210,218,226,.9);box-shadow:inset 0 1px #ffffffc7}.modal-variant-form .customer-form-modal{gap:18px}.modal-variant-form .customer-form-section--highlight{background:linear-gradient(180deg,#fffaf2f5,#fff6e8eb);border-color:#d8b06b47}.modal-variant-form .form-section-title{font-size:.76rem;letter-spacing:.08em}.modal-variant-form.modal-form-compact .modal-header{margin-bottom:12px}.modal-variant-form.modal-form-compact .modal-body{gap:12px}.modal-variant-form.modal-form-compact .modal-footer{margin-top:4px;padding-top:14px}.modal-variant-form.modal-form-compact .form-section,.modal-variant-form.modal-form-compact .customer-form-section{border-radius:15px;padding:12px 14px;background:linear-gradient(180deg,#fffffff0,#f7f9fcfa)}.modal-variant-form.modal-form-compact .form-section-title{font-size:.72rem;letter-spacing:.07em;padding:0 2px}.modal-variant-form.modal-form-compact .input-group{margin-bottom:10px}.modal-variant-form.modal-form-compact .form-row,.modal-variant-form.modal-form-compact .form-row-2,.modal-variant-form.modal-form-compact .form-row-3{gap:10px}.branch-indicator{font-size:.78rem;color:var(--text-secondary, #5a6a80);background:var(--surface-info, rgba(59, 130, 246, .08));border:1px solid var(--border-info, rgba(59, 130, 246, .18));border-radius:8px;padding:6px 12px;text-align:center}.modal-variant-form .input-group:last-child{margin-bottom:0}.modal-variant-detail .modal-header{text-align:left;display:flex;align-items:center;gap:10px;margin-bottom:16px}.modal-variant-detail .modal-title{flex:1;text-align:left;font-size:1.15rem;letter-spacing:-.02em}.modal-variant-detail .modal-body{display:flex;flex-direction:column;gap:16px}.modal-variant-detail .detail-card{width:100%;max-width:none;margin:0}.modal-variant-detail .modal-footer{margin-top:6px;padding-top:16px;border-top:1px solid var(--border, rgba(0, 0, 0, .1))}.modal-variant-confirm .modal-footer,.modal-variant-receipt .modal-footer{width:100%;display:flex;align-items:stretch;justify-content:flex-end;gap:8px;flex-wrap:wrap}.modal-variant-confirm .modal-footer .btn,.modal-variant-receipt .modal-footer .btn{min-width:0;flex:0 0 auto}.modal-variant-help{background:linear-gradient(180deg,#fcfefffa,#f4f8fcf5),var(--bg-secondary)}.modal-variant-help .modal-header,.modal-variant-receipt .modal-header{text-align:left;display:flex;align-items:center;gap:10px;margin-bottom:14px}.modal-variant-help .modal-title,.modal-variant-receipt .modal-title{flex:1;text-align:left;letter-spacing:-.02em}.modal-variant-help .modal-title{font-size:1.08rem}.modal-variant-help .modal-body,.modal-variant-receipt .modal-body{display:flex;flex-direction:column}.modal-variant-help .modal-body{gap:12px;color:var(--text-primary)}.modal-variant-help .modal-footer,.modal-variant-receipt .modal-footer{margin-top:6px;padding-top:16px;border-top:1px solid var(--border, rgba(0, 0, 0, .1))}.modal-variant-help .modal-icon,.modal-variant-receipt .modal-icon{width:48px;height:48px;margin:0;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;font-size:0;border:1px solid var(--border, rgba(0, 0, 0, .1));box-shadow:inset 0 1px #ffffffb8}.modal-variant-help .modal-icon{background:linear-gradient(180deg,#e9f4fff5,#ddecffeb);color:#1262c6}.modal-variant-receipt{background:linear-gradient(180deg,#fffffffa,#f8fafcf5),var(--bg-secondary)}.modal-variant-receipt .modal-title{font-size:1.18rem}.modal-variant-receipt .modal-icon{background:linear-gradient(180deg,#e8fbf1fa,#d7f5e5f0);color:#0f8f54}.modal-variant-help .modal-icon .icon,.modal-variant-receipt .modal-icon .icon{width:24px;height:24px}.modal-variant-receipt .modal-body{gap:14px}.modal-variant-receipt .receipt{margin-bottom:0;border-radius:18px;border:1px solid rgba(210,218,226,.9);box-shadow:inset 0 1px #ffffffb8;background:linear-gradient(180deg,#fffffffa,#f6f8fbf5)}.modal-variant-form.modal-form-compact .profile-edit-form,.modal-variant-form.modal-form-compact .modal-content-body{display:flex;flex-direction:column;gap:12px}.modal-variant-detail .invite-code-block,.modal-variant-detail .manual-save-success{padding:.25rem 0}.detail-modal-actions{width:100%;display:flex;gap:8px;flex-wrap:wrap}.detail-modal-actions--nowrap{flex-wrap:nowrap;align-items:stretch}.detail-modal-actions .btn{flex:1 1 0;min-width:0}.modal-footer-actions{width:100%;display:flex;align-items:stretch;justify-content:flex-end;gap:8px;flex-wrap:wrap}.modal-footer-actions .btn{flex:0 0 auto;min-width:0;min-inline-size:0}.modal-footer-tight{padding-top:6px}.modal-variant-confirm .modal-icon,.modal-variant-picker .modal-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:0;border:1px solid var(--border, rgba(0, 0, 0, .1));box-shadow:inset 0 1px #ffffffb8}.modal-variant-confirm .modal-icon{background:linear-gradient(180deg,#fff4d7eb,#ffecc6e6);color:#8f5510}.modal-variant-picker .modal-icon{background:linear-gradient(180deg,#e8f1fff0,#dce9ffe6);color:var(--accent)}.modal-variant-confirm .modal-icon .icon,.modal-variant-picker .modal-icon .icon{width:26px;height:26px}.modal-variant-confirm .modal-title,.modal-variant-picker .modal-title{letter-spacing:-.02em}.modal-variant-confirm .modal-title{font-size:1.3rem}.modal-variant-picker .modal-title{font-size:1.45rem}.modal-variant-confirm .modal-body{display:flex;flex-direction:column;gap:12px;color:var(--text-primary)}.modal-variant-confirm .modal-footer{width:100%;justify-content:flex-end;margin-top:10px;padding-top:0}.modal-variant-picker .modal-footer{border-top:1px solid var(--border, rgba(0, 0, 0, .1));margin-top:6px;padding-top:16px}.modal.modal--dragging{transform:translate(var(--modal-drag-x, 0px));transition:none;will-change:transform;animation:none}.modal.modal--dismissing{transform:translate(105%);transition:transform .25s cubic-bezier(.4,0,1,1);will-change:transform;animation:none}@media(max-width:600px){.modal-overlay{padding:0;align-items:stretch;justify-content:stretch;height:100vh;height:100dvh}.modal{padding:16px;border-radius:0;border-left:none;border-right:none;border-bottom:none;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{display:flex;flex-shrink:0;margin-top:0;padding-top:14px}.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:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:18px;box-shadow:0 20px 44px #0f172a2e,0 6px 16px #0f172a14;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}}@media(max-width:900px){.modal-overlay:has(.modal-mobile-sheet){padding:0;align-items:flex-end;justify-content:stretch;height:100vh;height:100dvh}.modal.modal-mobile-sheet{width:100%;max-width:100%!important;height:auto;min-height:unset;max-height:88vh;max-height:88dvh;border:none;border-radius:24px 24px 0 0;box-shadow:var(--shadow-lg);animation:modalSlideUp .24s ease;display:flex;flex-direction:column;overflow-y:hidden}.modal.modal-mobile-sheet .modal-sheet-handle{display:block;width:42px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--text-secondary) 22%,transparent);margin:2px auto 14px;flex-shrink:0}.modal.modal-mobile-sheet .modal-header{text-align:left;display:flex;align-items:center;gap:10px;margin-bottom:14px}.modal.modal-mobile-sheet .modal-icon{width:42px;height:42px;margin:0;border-radius:14px}.modal.modal-mobile-sheet .modal-icon .icon{width:22px;height:22px}.modal.modal-mobile-sheet .modal-title{flex:1;font-size:1.1rem;text-align:left}.modal.modal-mobile-sheet.modal-variant-form .form-section,.modal.modal-mobile-sheet.modal-variant-form .customer-form-section{padding:12px 14px;border-radius:16px}.modal.modal-mobile-sheet.modal-variant-form.modal-form-compact .modal-header{margin-bottom:10px}.modal.modal-mobile-sheet.modal-variant-form.modal-form-compact .modal-body{gap:10px}.modal.modal-mobile-sheet.modal-variant-form.modal-form-compact .form-section,.modal.modal-mobile-sheet.modal-variant-form.modal-form-compact .customer-form-section{padding:10px 12px;border-radius:14px}.modal.modal-mobile-sheet.modal-variant-help .modal-body,.modal.modal-mobile-sheet.modal-variant-receipt .modal-body{gap:10px}.modal.modal-mobile-sheet.modal-variant-receipt .receipt{border-radius:16px;padding:16px}.modal.modal-mobile-sheet .modal-body{flex:1 1 auto;overflow-y:auto;min-height:0}.modal.modal-mobile-sheet.modal-variant-picker .modal-body,.modal.modal-mobile-sheet.modal-variant-detail .modal-body{padding-bottom:10px}.modal.modal-mobile-sheet .modal-body:has(.filter-modal-body){padding-bottom:12px}.modal.modal-mobile-sheet .modal-footer{display:flex;flex-shrink:0;flex-wrap:nowrap;align-items:stretch;justify-content:stretch;padding-top:14px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border, rgba(0, 0, 0, .1));background:linear-gradient(180deg,#fff0,#ffffffd6)}.modal.modal-mobile-sheet.modal-variant-picker .modal-footer{margin-top:4px}.modal.modal-mobile-sheet.modal-variant-detail .modal-footer{margin-top:4px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.modal.modal-mobile-sheet .modal-body:has(.filter-modal-body)+.modal-footer{padding-top:16px}.modal.modal-mobile-sheet .modal-footer .btn{flex:1 1 0;border-radius:12px}.modal.modal-mobile-sheet .branch-scope-sheet-footer,.modal.modal-mobile-sheet .filter-sheet-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}@keyframes modalSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(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-default{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.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--danger{background:#ff3b301a;color:var(--danger)}.tag--info{background:#185ee01a;color:var(--accent)}.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)}.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:radial-gradient(920px 460px at 12% -8%,rgba(24,94,224,.14),transparent 62%),radial-gradient(760px 380px at 98% 0%,rgba(15,23,42,.08),transparent 58%),var(--bg, #f5f5f5)}.readiness-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:32px 24px;background:radial-gradient(920px 460px at 12% -8%,rgba(24,94,224,.1),transparent 62%),radial-gradient(760px 380px at 98% 0%,rgba(15,23,42,.06),transparent 58%),var(--bg, #f5f5f5);transition:background .6s ease;animation:readinessScreenIn .5s cubic-bezier(.2,.8,.2,1) both}.readiness-screen--ready{background:radial-gradient(900px 430px at 18% -10%,rgba(22,163,74,.12),transparent 62%),radial-gradient(760px 380px at 96% 0%,rgba(15,23,42,.06),transparent 58%),var(--bg, #f5f5f5)}.readiness-screen--failed{background:radial-gradient(920px 460px at 12% -8%,rgba(217,119,6,.12),transparent 62%),radial-gradient(760px 380px at 98% 0%,rgba(15,23,42,.06),transparent 58%),var(--bg, #f5f5f5)}.readiness-screen--exiting{animation:readinessExit .4s ease-out forwards;pointer-events:none}@keyframes readinessExit{to{opacity:0;transform:scale(.97)}}.readiness-screen-inner{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:360px;width:100%}.readiness-logo{width:140px;max-width:40vw;height:auto;margin-bottom:40px;animation:readinessFadeDown .5s cubic-bezier(.2,.8,.2,1) 80ms both}.readiness-ring-wrap{position:relative;width:120px;height:120px;margin-bottom:28px;animation:readinessFadeScale .5s cubic-bezier(.2,.8,.2,1) .16s both}.readiness-ring{width:100%;height:100%;transform:rotate(-90deg)}.readiness-ring-bg{fill:none;stroke:#94a3b82e;stroke-width:6}.readiness-ring-fill{fill:none;stroke-width:6;stroke-linecap:round;stroke:#2563eb;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1),stroke .4s ease}.readiness-ring-fill--ready{stroke:#16a34a}.readiness-ring-fill--failed{stroke:#d97706}.readiness-ring-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.readiness-ring-percent{font-size:20px;font-weight:700;color:#2563eb;letter-spacing:-.5px;animation:readinessFadeScale .4s cubic-bezier(.2,.8,.2,1) both}.readiness-done-check{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;display:flex;align-items:center;justify-content:center;margin:16px auto 24px;box-shadow:0 8px 28px #16a34a47;animation:readinessCheckPop .6s cubic-bezier(.2,.8,.2,1) both}.readiness-done-check svg{width:40px;height:40px}.readiness-step-label-wrap{min-height:36px;margin-bottom:8px}.readiness-headline{font-size:20px;font-weight:700;color:var(--text-primary, #0f172a);margin:0;animation:readinessFadeUp .38s ease both}.readiness-headline--warn{color:#92400e}.readiness-sub{font-size:14px;color:var(--text-secondary, #64748b);margin:0 0 28px;animation:readinessFadeUp .38s ease 60ms both}.readiness-actions{width:100%;animation:readinessFadeUp .38s ease .1s both}@keyframes readinessScreenIn{0%{opacity:0}to{opacity:1}}@keyframes readinessFadeDown{0%{opacity:0;transform:translateY(-12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes readinessFadeScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes readinessFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes readinessEmojiSwap{0%{opacity:0;transform:scale(.5) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes readinessCheckPop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media(max-width:640px){.readiness-logo{width:110px;margin-bottom:32px}.readiness-ring-wrap{width:100px;height:100px;margin-bottom:24px}.readiness-headline{font-size:18px}}.company-picker-card{background:#fff;padding:36px 40px;border-radius:var(--radius-lg);max-width:560px;width:100%;box-shadow:var(--shadow-lg)}.onboarding-card{display:flex;flex-direction:column;gap:24px}.onboarding-card-copy{display:flex;flex-direction:column;gap:12px}.onboarding-card-copy--compact{gap:8px}.company-picker-card h2{text-align:center;margin:0;font-size:clamp(2rem,1.6rem + 1vw,2.6rem);line-height:1.08;letter-spacing:-.04em}.company-picker-card>p{text-align:center;margin-bottom:20px}.onboarding-card-copy>p,.onboarding-card-copy .text-secondary{text-align:center;margin:0;font-size:clamp(1.06rem,.98rem + .32vw,1.18rem);line-height:1.55}.onboarding-card-stack,.onboarding-form{display:flex;flex-direction:column;gap:18px}.onboarding-form .input-group,.company-picker-card .onboarding-form .input-group{margin-bottom:0}.onboarding-card-actions{display:flex;flex-direction:column;gap:12px;margin-top:4px}.onboarding-card-actions--form{margin-top:8px}.onboarding-card .btn{min-height:58px;border-radius:18px;font-size:1rem}.onboarding-form .input{min-height:58px;border-radius:18px}.company-picker-card .input-group{margin-bottom:16px}.company-picker-card select.input{width:100%}@media(max-width:640px){.company-picker-card{max-width:100%;padding:28px 22px}.onboarding-card{gap:20px}.onboarding-card-copy{gap:10px}.onboarding-card-stack,.onboarding-form{gap:16px}.onboarding-card .btn,.onboarding-form .input{min-height:54px;border-radius:16px}}.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-primary);border:1px solid var(--border);border-radius:14px;max-height:280px;overflow-y:auto;z-index:140;box-shadow:0 14px 32px #0f172a2e;margin-top:8px;padding:6px}.picker-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 12px;cursor:pointer;font-size:14px;text-align:left;background:transparent;border:0;border-radius:10px;color:var(--text-primary);transition:background .15s ease,transform .12s ease;-webkit-appearance:none;appearance:none}.picker-item:hover{background:color-mix(in oklab,var(--accent) 10%,transparent)}.picker-item.active{background:#185ee01f;color:var(--accent);font-weight:500}.picker-item:active{transform:scale(.995)}.picker-item-main{font-weight:650;line-height:1.25}.picker-item-meta{font-size:12px;color:var(--text-secondary);line-height:1.2}.picker-item.empty{color:var(--text-secondary);cursor:default}.picker-item--add{color:var(--accent);font-weight:600;display:flex;flex-direction:row;align-items:center;gap:8px;border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.picker-item--add-sticky{position:sticky;top:-6px;z-index:1;background:var(--bg-primary);margin-top:0;margin-bottom:4px;border-top:0;border-bottom:1px solid var(--border);border-radius:8px;padding:10px 12px}.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-avatar-section{display:flex;justify-content:center;margin-bottom:20px}.profile-avatar-wrap{position:relative;width:80px;height:80px}.profile-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;display:block}.profile-avatar-fallback{width:80px;height:80px;border-radius:50%;background:var(--primary, #4f6ef7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;-webkit-user-select:none;user-select:none}.profile-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:#00000061;color:#fff;font-size:1.3rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s;cursor:pointer;border:none;padding:0}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1}.profile-avatar-input{display:none}.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:74px;height:74px;border:8px solid rgba(24,94,224,.18);border-top-color:#185ee0f5;border-left-color:#185ee0f5;border-radius:50%;animation:spin .92s linear infinite;box-shadow:none;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:18px;animation:readinessCardIn .28s ease both}.loading-text{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:0;animation:loadingTextBreath 1.35s ease-in-out infinite}.loading-spinner-ring{display:inline-block;position:relative;width:80px;height:80px;filter:none}.loading-spinner-ring div{display:none}.loading-spinner-ring div:first-child{box-sizing:border-box;display:block;position:absolute;width:70px;height:70px;margin:5px;border:8px solid rgba(24,94,224,.18);border-radius:50%;animation:loading-ring .95s linear infinite;border-top-color:#185ee0f5;border-left-color:#185ee0f5}@keyframes loading-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingTextBreath{0%,to{opacity:.62;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}.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}.auth-consent-wrap{margin:8px 0 14px}.auth-legal-disclaimer{margin:0;font-size:13px;line-height:1.45;color:var(--text-secondary)}.auth-consent-hint{display:block;margin-top:6px;font-size:12px;color:var(--text-secondary)}.legal-consent-modal-body{display:flex;flex-direction:column;gap:10px}.legal-consent-scroll{max-height:min(52vh,360px);overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:var(--bg-primary)}.legal-consent-section+.legal-consent-section{margin-top:14px}.legal-consent-section h4{margin:0 0 6px;font-size:15px}.legal-consent-section p{margin:0 0 8px;line-height:1.5}.legal-consent-checkbox{margin-top:4px}.legal-consent-agree{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.45;color:var(--text)}.legal-consent-agree input[type=checkbox]{width:16px;height:16px;margin:2px 0 0;flex-shrink:0;accent-color:var(--accent)}.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}.warning-message{background:#fef3c7;color:#78350f;border:1px solid #FCD34D;padding:12px 16px;border-radius:var(--radius);font-size:14px;margin-bottom:16px;text-align:left;line-height:1.45}.lock-status{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-sm);line-height:1.45}.lock-status--locked{background:var(--color-warning-bg, #fff8e1);color:var(--color-warning-text, #8d6e00)}.lock-status--open{background:var(--color-success-bg, #e8f5e9);color:var(--color-success-text, #2e7d32)}.lock-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem}.lock-warning{flex-basis:100%;margin-bottom:.25rem}.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,.filter-bar--inline input.filter-preset-select{flex:1 1 auto;min-width:0}.filter-bar-actions{margin-left:0;width:100%;justify-content:flex-end}.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%}.active-filter-row{padding-bottom:10px}.active-filter-chip{max-width:100%;font-size:11px;padding:4px 9px}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}.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;font-weight:600;white-space:nowrap}.delta-badge--positive{color:var(--color-success);font-size:.85em;font-weight:700;white-space:nowrap}.delta-badge--negative{color:var(--color-danger);font-size:.85em;font-weight:700;white-space:nowrap}.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}.settings-save-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px}.settings-save-actions .btn{min-width:180px}.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-check-icon{width:14px;height:14px;display:inline-flex}.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-rules-hint{font-size:.85rem;margin:0 0 16px}.commission-rules-empty{padding:24px 0}.commission-rules-empty-title{margin-bottom:10px;font-weight:700}.commission-rules-empty-desc{margin-bottom:14px}.commission-rules-employee-row{margin-bottom:12px}.commission-rules-employee-label{font-size:.85rem}.commission-rules-form-group{flex:1}@media(max-width:600px){.att-hero-clock{font-size:2rem}.att-hero-actions{flex-direction:column;gap:8px}.att-hero-actions .btn{width:100%}.att-today-grid{grid-template-columns:1fr 1fr;gap:8px}.att-history-row{grid-template-columns:auto 1fr auto;gap:6px;font-size:.8rem}.att-history-row--full{grid-template-columns:auto 1fr auto}.att-history-hours,.att-history-override{display:none}.settings-save-actions{width:100%;justify-content:flex-end}.settings-save-actions .btn{min-width:0}}@media(max-width:380px){.nav-branch-slot-mobile .nav-branch-icon-btn{width:34px;height:34px;border-radius:10px}}@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-header{display:flex;align-items:stretch;justify-content:stretch;padding:0;gap:0;margin:12px 0 16px;border-radius:12px;border:1px solid var(--border-color, #d1d5db);background:var(--card-bg, #fff);overflow:hidden}.cc-wizard-step{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1 1 0;min-width:0;color:var(--text-secondary);font-size:.9rem;font-family:inherit;line-height:1.35;white-space:normal;background:none;border:none;cursor:default;padding:12px 14px;border-radius:0;transition:background .15s,color .15s,opacity .15s}.cc-wizard-step+.cc-wizard-step{border-left:1px solid var(--border-color, #d1d5db)}.cc-wizard-step--active{color:var(--text-primary, #1d1d1f);background:var(--active-row-bg, #f0f4ff)}.cc-wizard-step--done{color:var(--text-primary, #1d1d1f)}.cc-wizard-step-num{display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--primary, #007aff)}.cc-wizard-step-label{font-size:.94rem;font-weight:600;color:var(--text-primary, #1d1d1f)}.broadcast-segment-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 16px 0}.broadcast-segment-chip{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;font-family:inherit;font-size:.82rem;font-weight:500;line-height:1.2;padding:5px 10px;cursor:pointer}.broadcast-segment-chip.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.broadcast-selection-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;padding:6px 16px 8px}.broadcast-selection-count{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;line-height:1.25}.broadcast-selection-action{flex:0 0 auto;white-space:nowrap}.broadcast-selection-actions{display:inline-flex;align-items:center;gap:6px}.broadcast-guide-icon-btn{display:inline-flex;align-items:center;justify-content:center}.broadcast-guardrail{margin:6px 16px 10px;padding:8px 10px;border:1px solid var(--border, rgba(0, 0, 0, .08));border-radius:10px;background:var(--bg-secondary, #fff);display:flex;flex-direction:column;gap:6px}.broadcast-guardrail-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.broadcast-guardrail-title{font-size:.84rem}.broadcast-guardrail-actions{display:inline-flex;gap:4px}.broadcast-guardrail-meter{width:100%;height:6px;border-radius:999px;background:var(--bg-tertiary, #eceef3);overflow:hidden}.broadcast-guardrail-meter-fill{height:100%;width:0;background:var(--accent, #185ee0);transition:width .2s ease}.broadcast-guardrail-meter-fill.is-over{background:var(--warning, #ff9500)}.broadcast-guardrail-tip{font-size:.82rem}.broadcast-customer-card.is-cooldown{border-color:#d9770659;background:#fffaf0}.broadcast-customer-cell{display:block}.broadcast-customer-cell.is-cooldown{color:#92400e}.broadcast-row-cooldown-flag{display:none}.broadcast-template-icon{background:#25d36624;color:#054322}.broadcast-history-shell .trx-mobile-sub{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.broadcast-history-channel{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;font-weight:700;color:#054322;white-space:nowrap}.broadcast-history-template{font-size:.68rem;color:var(--text-secondary);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:96px}@supports selector(:has(*)){.card .table-wrap tbody tr:has(.broadcast-row-cooldown-flag){background:#fffaf0}}@media(max-width:899px){.broadcast-actions-top{margin-top:8px;margin-bottom:10px;justify-content:flex-end}.broadcast-actions-bottom{display:none}}@media(min-width:900px){.broadcast-actions-top{display:none}}@media(max-width:600px){.cc-wizard-step{padding:10px}.cc-wizard-step-label{font-size:.86rem}.broadcast-segment-chips{margin:8px 12px 0;gap:5px}.broadcast-segment-chip{font-size:.78rem;padding:4px 9px}.broadcast-selection-meta{padding:6px 12px 8px;gap:6px}.broadcast-guardrail{margin:6px 12px 8px;padding:7px 9px}.broadcast-guardrail-title{font-size:.8rem}.broadcast-guardrail-actions .btn{padding:4px 8px;font-size:.74rem}.broadcast-selection-actions{gap:5px}.broadcast-selection-count{font-size:.92rem}}.toast-container{position:fixed;top:calc(var(--nav-height, 56px) + 12px);left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:min(420px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;border:none;font-size:.875rem;font-weight:500;line-height:1.4;color:#fff;pointer-events:auto;cursor:pointer;background:#1e1e20e0;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 24px #00000038,inset 0 .5px #ffffff1a;animation:toast-in .28s cubic-bezier(.34,1.56,.64,1);max-width:100%;white-space:normal;text-align:left}.toast__icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;line-height:1}.toast--success .toast__icon{background:#30d158;color:#fff}.toast--error .toast__icon{background:#ff453a;color:#fff}.toast--warning .toast__icon{background:#ffd60a;color:#000c}.toast--info .toast__icon{background:#0a84ff;color:#fff}.toast__message{flex:1;word-break:break-word}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.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}.wallet-header{justify-content:flex-end}.wallet-scope-inline{display:flex;align-items:center;margin:10px 0 12px}@media(max-width:768px){.wallet-scope-inline{margin:8px 0 10px}.wallet-scope-inline .filter-preset-select--scope{width:100%;max-width:none}}.wallet-amount-mobile{font-size:15px}.wallet-meta-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.wallet-mobile-context{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:1px}.wallet-mobile-branch{color:var(--text-secondary);font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-mobile-state{font-size:11px;line-height:1.2;padding:2px 7px;border-radius:999px;background:#34c75924;color:var(--success);font-weight:600;flex-shrink:0}.wallet-mobile-coa{font-size:12px;color:var(--text-secondary)}.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}@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)) + 28px);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)) + 46px)}}.csf-fab.csf-fab--raised{bottom:calc(var(--bottom-nav-height, 64px) + var(--bottom-nav-safe-bottom, env(safe-area-inset-bottom, 0px)) + 108px)}.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{display:flex;flex-direction:column;gap:8px}.customer-detail-meta-tag{display:inline-flex;align-items:center;justify-content:center;gap:6px}.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:0}.customer-detail-footer-actions{gap:10px}.customer-detail-analyze-btn{flex:1.35 1 0;min-width:156px;min-height:42px}.customer-detail-analyze-label-mobile{display:none}.customer-detail-analyze-label-desktop{display:inline}@media(min-width:1024px){.customer-detail-analyze-btn{min-height:46px;font-size:1rem}}.customer-detail-analyze-btn.loading{justify-content:center}.customer-detail-analyze-btn.loading .spinner{margin-right:0}.customer-detail-analyze-btn.loading .btn-label{display:none}.customer-hair-analyze{display:flex;flex-direction:column;gap:12px}.customer-hair-analyze-note{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.45}.customer-hair-analyze-slots{display:flex;flex-direction:column;gap:10px}.customer-hair-analyze-slot{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.customer-hair-analyze-slot.is-missing{border-color:var(--danger)}.customer-hair-analyze-slot-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.customer-hair-analyze-slot-title{font-size:.92rem;font-weight:700;color:var(--text-primary)}.customer-hair-analyze-slot-pill{font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary)}.customer-hair-analyze-slot-hint{margin:0;font-size:.83rem;line-height:1.45;color:var(--text-secondary)}.customer-hair-analyze-slot-actions{display:flex;gap:8px}.customer-hair-analyze-slot-actions .btn{flex:1 1 0;min-width:0}.customer-hair-analyze-file{margin:0;font-size:.8rem;color:var(--text-secondary);word-break:break-all}.customer-hair-analyze-error{margin:0;font-size:.8rem;color:var(--danger)}.customer-hair-analyze-summary{margin:0;font-size:.85rem;color:var(--text-secondary)}@media(max-width:640px){.customer-detail-footer-actions{gap:8px}.customer-detail-footer-actions .btn{min-height:40px;font-size:.98rem}.customer-detail-footer-actions .customer-detail-analyze-btn{flex:1.15 1 0;min-width:0;white-space:nowrap}.customer-detail-analyze-label-desktop{display:none}.customer-detail-analyze-label-mobile{display:inline}}.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:#b91c1c}.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)}.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}.photo-upload:hover{border-color:var(--accent);background:#6366f10a}.photo-upload--compact{padding:10px 12px;flex-direction:row;gap:6px;font-size:12px;min-height:42px}.hidden-file-input{display:none}.photo-preview,.photo-preview--compact{position:relative;display:inline-block;max-width:100%}.photo-preview--compact img{max-height:42px;max-width:100%;border-radius:6px;object-fit:contain}.photo-preview img{width:100%;max-height:180px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.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}