html,body,#root{margin:0;padding:0;min-height:100%;height:100%}*{box-sizing:border-box}button,input,textarea,select{font-family:inherit}#root *::-webkit-scrollbar{width:0;height:0;display:none}#root *{scrollbar-width:none;-ms-overflow-style:none}:root{--tm-body: "Inter", system-ui, -apple-system, sans-serif;--tm-display: "Inter", system-ui, sans-serif;--tm-mono: "JetBrains Mono", ui-monospace, Menlo, monospace}body{font-family:var(--tm-body);background:#0b0d10;color:#f4f5f7;-webkit-font-smoothing:antialiased}@keyframes tmpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}@keyframes tmspin{to{transform:rotate(360deg)}}:root{--bg: #0B0D10;--surface: #15181D;--surface2: #1C2026;--surface3: #252A32;--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.13);--text: #F4F5F7;--text-dim: #A8ADB6;--text-mute: #80868F;--text-primary: #F4F5F7;--text-secondary: #9BA0A8;--text-tertiary: #6A6F77;--bg-body: #0B0D10;--bg-card: #15181D;--bg-primary: #1C2026;--accent: #6FE3FF;--accent-dim: rgba(111,227,255,.14);--accent-ink: #0B0D10;--accent-subtle: rgba(111,227,255,.09);--success: #5DE6B7;--success-text: #5DE6B7;--warn: #F4C45C;--danger: #FF7A75;--error-text: #FF7A75;--chip: rgba(255,255,255,.06);--header-bg: rgba(11,13,16,.9);--elev: 0 1px 0 rgba(255,255,255,.04) inset, 0 8px 24px rgba(0,0,0,.35);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.55);--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--font-display: "Inter", system-ui, sans-serif;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--header-h: 60px;--nav-h: 72px}[data-theme=dark-teal]{--bg: #0B0D10;--surface: #15181D;--surface2: #1C2026;--surface3: #252A32;--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.13);--text: #F4F5F7;--text-dim: #A8ADB6;--text-mute: #80868F;--text-primary: #F4F5F7;--text-secondary: #9BA0A8;--text-tertiary: #6A6F77;--bg-body: #0B0D10;--bg-card: #15181D;--bg-primary: #1C2026;--accent: #6FE3FF;--accent-dim: rgba(111,227,255,.14);--accent-ink: #0B0D10;--accent-subtle: rgba(111,227,255,.09);--chip: rgba(255,255,255,.06);--header-bg: rgba(11,13,16,.9);--elev: 0 1px 0 rgba(255,255,255,.04) inset, 0 8px 24px rgba(0,0,0,.35);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.55)}[data-theme=workshop]{--bg: #16110A;--surface: #1F1810;--surface2: #291F12;--surface3: #342715;--border: rgba(245,158,11,.12);--border-strong: rgba(245,158,11,.22);--text: #FEF3C7;--text-dim: #D4A84B;--text-mute: #9A7530;--text-primary: #FEF3C7;--text-secondary: #D4A84B;--text-tertiary: #9A7530;--bg-body: #16110A;--bg-card: #1F1810;--bg-primary: #291F12;--accent: #F59E0B;--accent-dim: rgba(245,158,11,.15);--accent-ink: #16110A;--accent-subtle: rgba(245,158,11,.09);--chip: rgba(245,158,11,.08);--header-bg: rgba(22,17,10,.92);--elev: 0 1px 0 rgba(245,158,11,.06) inset, 0 8px 24px rgba(0,0,0,.45);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.65)}[data-theme=light]{--bg: #F0F4F8;--surface: #FFFFFF;--surface2: #E8EDF3;--surface3: #D8E0EA;--border: rgba(0,0,0,.1);--border-strong: rgba(0,0,0,.18);--text: #0F172A;--text-dim: #475569;--text-mute: #94A3B8;--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--bg-body: #F0F4F8;--bg-card: #FFFFFF;--bg-primary: #E8EDF3;--accent: #0D9488;--accent-dim: rgba(13,148,136,.14);--accent-ink: #FFFFFF;--accent-subtle: rgba(13,148,136,.08);--chip: rgba(0,0,0,.06);--header-bg: rgba(240,244,248,.92);--elev: 0 1px 0 rgba(255,255,255,.9) inset, 0 4px 12px rgba(0,0,0,.1);--shadow-md: 0 4px 16px rgba(0,0,0,.12);--shadow-lg: 0 8px 32px rgba(0,0,0,.18);--success: #059669;--success-text: #059669;--warn: #D97706;--danger: #DC2626;--error-text: #DC2626}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;line-height:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent);text-decoration:none}.auth-view{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;background:var(--bg);overflow-y:auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.auth-view.hidden{display:none!important}.auth-container{width:100%;max-width:400px;padding:48px 24px 32px;display:flex;flex-direction:column;gap:24px}.login-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:8px}.login-logo-mark{width:80px;height:80px;border-radius:18px;overflow:hidden;box-shadow:var(--elev)}.login-logo-mark img{width:100%;height:100%;object-fit:contain;display:block}.login-logo{width:72px;height:72px;border-radius:18px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:26px;letter-spacing:-1px;font-family:var(--font-display);box-shadow:var(--elev)}.login-brand h1{font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.7px;font-family:var(--font-display);margin:0}.login-brand p{font-size:14px;color:var(--text-dim);line-height:1.5;margin:0}.auth-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--elev)}.auth-footer{display:flex;justify-content:flex-end;margin-top:-6px}.auth-message{font-size:13px;padding:8px 12px;border-radius:var(--radius-sm);display:none}.card.auth-card{margin:0}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.input-group input,.input-group select,.input-group textarea{width:100%;padding:12px 14px;background:var(--surface3);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input-group input::placeholder{color:var(--text-mute)}.password-wrapper{position:relative}.password-wrapper input{padding-right:48px}.toggle-password-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-mute);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 18px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:.2px;transition:opacity .15s;width:100%}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 14px;background:var(--chip);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.btn-secondary:hover{background:var(--surface3)}.btn-link{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;padding:4px 0}.btn-filter,.btn-export{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--chip);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s}.btn-filter:hover,.btn-export:hover{background:var(--surface3);color:var(--text)}.btn-break{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;background:var(--chip);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;width:100%;justify-content:center;margin-top:8px}.btn-push{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;align-self:flex-start}.app-shell-wrap{position:fixed;inset:0}.app-shell-wrap.hidden{display:none!important}.app-shell{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}header{position:sticky;top:0;z-index:40;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:max(10px,env(safe-area-inset-top)) 16px 10px;flex-shrink:0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-brand{display:flex;align-items:center;gap:10px;min-width:0}.header-logo-mark{width:36px;height:36px;border-radius:9px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14;flex-shrink:0}.header-logo-mark img{width:100%;height:100%;object-fit:contain;display:block}.header-brand-text{display:flex;flex-direction:column;min-width:0}.header-brand-name{font-size:14px;font-weight:700;color:var(--text);line-height:1.1;font-family:var(--font-display);white-space:nowrap}.header-brand-sub{font-size:10px;color:var(--text-mute);line-height:1.2;white-space:nowrap}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-bell-btn{position:relative;width:38px;height:38px;border-radius:999px;background:var(--chip);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;transition:background .15s}.header-bell-btn.viewing{background:var(--accent-dim);color:var(--accent);border-color:#6fe3ff40}.notif-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.user-menu-wrapper{position:relative}.user-menu-btn{width:38px;height:38px;border-radius:999px;background:var(--accent);color:var(--accent-ink);border:none;cursor:pointer;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:outline .1s;padding:0}.user-name-text{display:none}.user-avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:13px;font-weight:700}.user-dropdown{display:none;position:fixed;top:calc(var(--header-h) + 8px);right:12px;width:268px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden}.user-dropdown.show{display:block}.dropdown-profile-header{padding:14px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center}.dropdown-avatar{width:40px;height:40px;border-radius:999px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;overflow:hidden}.dropdown-avatar img{width:100%;height:100%;object-fit:cover;border-radius:999px}.dropdown-user-info{flex:1;min-width:0}.dropdown-user-name{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-user-email{font-size:11px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.dropdown-role-row{padding:8px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.dropdown-role-badge{font-size:10px;font-weight:700;letter-spacing:.6px;padding:3px 8px;border-radius:999px;background:var(--accent-dim);color:var(--accent);text-transform:uppercase}.dropdown-version{font-size:11px;color:var(--text-mute)}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:none;color:var(--text);font-size:14px;cursor:pointer;text-align:left;font-family:inherit;transition:background .1s}.dropdown-item:hover{background:var(--chip)}.dropdown-divider{height:1px;background:var(--border)}#logout-btn{color:var(--danger);font-weight:600}.tab-nav{position:sticky;bottom:0;z-index:40;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:6px 4px max(6px,env(safe-area-inset-bottom));display:flex;flex-shrink:0}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;background:transparent;border:none;cursor:pointer;color:var(--text-mute);font-family:inherit;transition:color .15s;min-width:0}.tab-icon-wrap{padding:4px 16px;border-radius:999px;background:transparent;transition:background .15s}.tab-btn.active{color:var(--accent)}.tab-btn.active .tab-icon-wrap{background:var(--accent-dim)}.tab-btn .tab-icon{font-size:20px;line-height:1}.tab-btn svg{display:block}.tab-label{font-size:10px;font-weight:600;letter-spacing:.2px}.container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:640px;margin:0 auto;width:100%}.container::-webkit-scrollbar{display:none}.container.wide{max-width:900px}.tab-pane{display:none;padding-bottom:16px}.tab-pane.active{display:block}.section-header{padding:18px 16px 12px}.section-header h2{font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.6px;font-family:var(--font-display);margin:0 0 4px}.section-header p{font-size:13px;color:var(--text-dim);margin:0;line-height:1.4}.card,.results-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin:0 16px 12px}.results-title{font-size:11px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.6px;margin:0 0 12px}.results-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.results-title-row .results-title{margin:0}.export-btns{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:380px){.results-title-row{flex-direction:column;align-items:flex-start}.export-btns{width:100%;justify-content:flex-start}}.widget-grid{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.widget-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.widget-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.widget-card-header h3{font-size:11px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.6px;margin:0}.widget-value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.5px;margin:4px 0;font-variant-numeric:tabular-nums}.widget-label{font-size:12px;color:var(--text-dim);line-height:1.4}.widget-skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px;height:1.5rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.widget-stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.widget-stat-row:last-child{border-bottom:none}.widget-shift-item{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.widget-shift-item:last-child{border-bottom:none}.widget-shift-date{color:var(--text-dim);font-size:12px}.widget-shift-duration{color:var(--text);font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.clock-status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.clock-status-indicator.clocked-in{background:#5de6b726;color:var(--success)}.clock-status-indicator.clocked-out{background:var(--chip);color:var(--text-mute)}.pulse-dot{width:7px;height:7px;border-radius:999px;background:var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.quick-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-tile{padding:14px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start;gap:10px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s;color:var(--text)}.quick-tile:hover{border-color:var(--border-strong)}.quick-tile-icon{width:36px;height:36px;border-radius:10px;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px}.quick-tile-label{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}.quick-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 14px;background:var(--accent-subtle);border:1px solid rgba(111,227,255,.2);border-radius:var(--radius-md);color:var(--accent);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;margin-top:12px;transition:background .15s}.quick-action-btn:hover{background:var(--accent-dim)}.admin-widget{display:none}.view-only-banner{margin:0 16px 12px;padding:12px 16px;background:#f4c45c14;border:1px solid rgba(244,196,92,.22);border-radius:var(--radius-md);color:var(--warn);font-size:13px;line-height:1.4}.table-container{overflow:hidden;border-radius:var(--radius-md);margin:0 -2px}table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}thead th{font-size:10px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px;padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface2)}thead th:first-child{border-radius:var(--radius-sm) 0 0 0}thead th:last-child{border-radius:0 var(--radius-sm) 0 0}tbody td{padding:11px 10px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--chip)}.margin-cell{font-family:var(--font-mono);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.profit-cell{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--success)}.total-cell{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent);font-size:14px}.empty-state{text-align:center;color:var(--text-mute);font-style:italic;padding:28px 16px!important;font-size:13px}.warning-row .margin-cell{color:var(--warn)}.success-row .margin-cell{color:var(--success)}.alert-icon{font-size:12px}.approval-btn{display:inline-flex;align-items:center;padding:5px 10px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:var(--radius-sm);font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;margin-left:6px;transition:opacity .15s}.approval-btn:hover{opacity:.85}.save-quote-btn{background:transparent;border:none;color:var(--text-mute);cursor:pointer;font-size:15px;padding:4px;border-radius:var(--radius-xs);transition:color .15s}.save-quote-btn:hover{color:var(--accent)}#sales-cost{font-family:var(--font-mono);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;padding-left:36px}.sales-cost-wrap{position:relative}.sales-dollar-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:18px;color:var(--text-dim);pointer-events:none;font-weight:500;z-index:1}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:360px){.input-row{grid-template-columns:1fr}}.parts-input-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:flex-end;gap:8px}@media(max-width:480px){.parts-input-grid{grid-template-columns:1fr 1fr}.parts-input-grid #add-part-btn{grid-column:1 / -1}}.labor-subtotal-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:var(--radius-md);background:var(--accent-subtle);border:1px solid rgba(111,227,255,.15);margin-top:12px}.labor-subtotal-label{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}#service-labor-subtotal{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.service-estimate-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0}.service-estimate-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-weight:600}.service-estimate-value{font-family:var(--font-mono);font-size:14px;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.service-estimate-divider{height:1px;background:var(--border);margin:8px 0}.service-grand-row{display:flex;justify-content:space-between;align-items:baseline}.service-grand-label{font-size:13px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.4px}#service-grand-total{font-family:var(--font-mono);font-size:30px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.5px}.service-action-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:16px}@media(max-width:380px){.service-action-row{display:flex;flex-direction:column}.service-action-row .btn-service-primary,.service-action-row .btn-service-secondary{width:100%;justify-content:center}}.btn-service-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 14px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s}.btn-service-primary:hover{opacity:.9}.btn-service-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 14px;background:var(--chip);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.btn-service-wide{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;padding:11px 14px;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}@media screen{.print-only-header{display:none!important}}#ptr-pill{position:fixed;top:var(--header-h, 56px);left:50%;transform:translate(-50%) translateY(0);display:flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border-strong);border-radius:999px;padding:6px 14px 6px 10px;font-size:12px;font-weight:600;color:var(--text-dim);z-index:45;opacity:0;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-md)}#ptr-pill .ptr-icon{color:var(--accent);display:block}#ptr-pill.ptr-ready{color:var(--accent);border-color:#6fe3ff66;background:var(--accent-dim)}#ptr-pill.ptr-ready .ptr-icon{transform:rotate(180deg)}@keyframes ptr-spin{to{transform:rotate(360deg)}}#ptr-pill.ptr-spinning .ptr-icon{animation:ptr-spin .55s linear infinite;transform:none}.clock-card{text-align:center}.clock-btn{width:100%;padding:18px 16px;border-radius:var(--radius-lg);border:none;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .15s}.clock-btn.clock-in{background:var(--accent);color:var(--accent-ink)}.clock-btn.clock-out{background:var(--danger);color:#fff}.clock-btn:disabled{opacity:.5;cursor:not-allowed}.clock-icon{font-size:20px}#clock-status-text{font-size:13px;color:var(--text-dim);margin-top:12px;line-height:1.5;min-height:1.5em}#break-controls{margin-top:8px}#break-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 16px;background:var(--chip);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}#break-status-text{font-size:12px;color:var(--text-dim);margin-top:6px}.notif-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;width:100%;font-family:inherit;transition:background .1s}.notif-item.unread{border-color:var(--border-strong);background:var(--surface)}.notif-item:hover{background:var(--surface3)}.push-banner{margin-bottom:16px;padding:14px;background:var(--accent-dim);border:1px solid rgba(111,227,255,.2);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:10px}.push-banner p{font-size:13px;color:var(--text);line-height:1.4;margin:0}#push-status{font-size:12px;color:var(--text-dim)}.admin-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.admin-filters .input-group{flex:1;min-width:140px}.filter-btn-wrap{display:flex;flex-direction:column;gap:6px}@media(max-width:360px){.admin-filters .input-group{min-width:100%}.filter-btn-wrap{flex-direction:row;flex-wrap:wrap}}#shifts-summary{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--text-dim);display:flex;flex-direction:column;gap:6px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:400px){.settings-grid{grid-template-columns:1fr}}.version-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.version-card{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;transition:border-color .15s}.version-card.current{border-color:var(--accent)}.version-card:hover{border-color:var(--border-strong)}.version-preview{height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.preview-text{color:inherit}.version-preview.classic{background:linear-gradient(135deg,#0b1120,#1c2536);color:var(--accent)}.version-preview.claude{background:linear-gradient(135deg,#1a0a2e,#2d1b69);color:#a855f7}.version-preview.google{background:linear-gradient(135deg,#0d2137,#1a4a6e);color:#4da6ff}.version-info h4{font-size:13px;font-weight:600;color:var(--text);margin:0 0 2px}.version-info p{font-size:11px;color:var(--text-mute);margin:0}.theme-toggle-group{display:flex;flex-wrap:wrap;gap:6px;background:var(--chip);padding:4px;border-radius:999px;max-width:fit-content}.theme-btn{background:transparent;color:var(--text-dim);border:1px solid transparent;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit;transition:all .15s}.theme-btn.active{background:var(--surface);color:var(--text);border-color:var(--border)}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:0}@media(min-width:480px){.modal-overlay{align-items:center;padding:24px}}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:500px;box-shadow:var(--shadow-lg);overflow:hidden;max-height:90dvh;overflow-y:auto}@media(min-width:480px){.modal{border-radius:var(--radius-xl)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.modal-header h3{font-size:16px;font-weight:700;color:var(--text);margin:0}.modal-close{width:32px;height:32px;border-radius:999px;background:var(--chip);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.modal-textarea{width:100%;padding:12px 14px;background:var(--surface3);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-size:14px;font-family:inherit;outline:none;resize:vertical;min-height:80px}.modal-textarea:focus{border-color:var(--accent)}.modal-select{width:100%;padding:12px 38px 12px 14px;background:var(--surface3);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-size:15px;font-family:inherit;outline:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236A6F77' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}#toast-notification{bottom:calc(var(--nav-h) + 16px)!important;font-family:var(--font-body)!important;background:var(--text)!important;color:var(--bg)!important;border-radius:999px!important}.hidden{display:none!important}.shift-cards-list,.quotes-cards-list,.approvals-cards-list,.employees-cards-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.status-pill.active{background:#5de6b726;color:var(--success)}.status-pill.pending{background:#6fe3ff24;color:var(--accent)}.status-pill.approved{background:#5de6b726;color:var(--success)}.status-pill.rejected,.status-pill.denied{background:#ff7a7524;color:var(--danger)}.status-pill.ot{background:#f4c45c26;color:var(--warn)}.shift-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:8px;overflow:hidden;position:relative;transition:background .12s}.shift-card:hover{background:var(--surface3)}.shift-card.ot-card{background:#f4c45c0a;border-color:#f4c45c26}.shift-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.shift-card-name{font-size:14px;font-weight:600;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-card-date{font-size:12px;color:var(--text-mute);flex-shrink:0}.shift-card-times{display:flex;gap:16px;font-size:12px;color:var(--text-dim)}.shift-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.shift-card-duration{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.shift-card-edit-btn{width:30px;height:30px;border-radius:999px;background:var(--chip);border:1px solid var(--border);color:var(--text-mute);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.shift-card-notes{font-size:11px;color:var(--text-mute);font-style:italic}.approval-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:10px;overflow:hidden;position:relative;transition:border-color .15s,box-shadow .15s}.approval-card:hover{border-color:#6fe3ff4d;box-shadow:0 2px 12px #0003}.approval-card.pending{border-color:#6fe3ff33}.approval-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.approval-card-name{font-size:14px;font-weight:600;color:var(--text);flex:1;min-width:0}.approval-card-date{font-size:11px;color:var(--text-mute);flex-shrink:0;margin-top:2px}.approval-card-meta{display:flex;gap:16px;font-size:13px;color:var(--text-dim)}.approval-card-meta .amv{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.approval-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-approve{padding:11px 14px;background:#5de6b71f;color:var(--success);border:1px solid rgba(93,230,183,.3);border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}.btn-approve:hover{background:#5de6b738}.btn-reject{padding:11px 14px;background:#ff7a7514;color:var(--danger);border:1px solid rgba(255,122,117,.3);border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}.btn-reject:hover{background:#ff7a752e}.approval-history-sep{font-size:11px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.6px;padding:12px 0 4px;border-top:1px solid var(--border);margin-top:4px}.employee-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s}.employee-card:hover{border-color:var(--border-strong)}.employee-card-header-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;background:transparent;border:none;width:100%;text-align:left;font-family:inherit;color:var(--text);transition:background .1s}.employee-card-header-btn:hover{background:var(--surface3)}.employee-avatar-circle{width:38px;height:38px;border-radius:999px;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.employee-card-info{flex:1;min-width:0}.employee-card-name{font-size:14px;font-weight:600;color:var(--text)}.employee-card-meta{font-size:11px;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-card-chevron{color:var(--text-mute);transition:transform .2s;flex-shrink:0}.employee-card.expanded .employee-card-chevron{transform:rotate(180deg)}.employee-card-body{display:none;padding:0 16px 14px;border-top:1px solid var(--border)}.employee-card.expanded .employee-card-body{display:block}.employee-card-fields{display:flex;flex-direction:column;gap:10px;padding:12px 0 10px}.employee-card-fields .input-group{flex:1;min-width:0}.employee-card-actions{display:flex;flex-direction:column;gap:8px}.employee-action-btn{width:100%;padding:13px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:10px;text-align:left;transition:background .15s,border-color .15s}.employee-action-btn.default{background:var(--chip);border:1px solid var(--border);color:var(--text)}.employee-action-btn.default:hover{background:var(--surface3)}.employee-action-btn.danger{background:#ff7a7512;border:1px solid rgba(255,122,117,.25);color:var(--danger)}.employee-action-btn.danger:hover{background:#ff7a7524}.margin-chips-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.margin-chips-scroll::-webkit-scrollbar{display:none}.margin-chip{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--chip);color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0;transition:all .15s}.margin-chip.selected{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.margin-chip.warn-chip.selected{background:#f4c45c24;border-color:var(--warn);color:var(--warn)}.margin-hero{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 16px;margin-bottom:8px}.margin-hero.warn-hero{border-color:#f4c45c40}.margin-hero-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.margin-hero-label{font-size:11px;font-weight:700;color:var(--text-mute);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.margin-hero-value{font-family:var(--font-mono);font-size:38px;font-weight:700;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}.margin-hero-sub{font-size:12px;color:var(--text-mute);margin-top:4px}.margin-hero-profit{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700}.margin-hero-profit.success{background:#5de6b724;color:var(--success)}.margin-hero-profit.warn{background:#f4c45c24;color:var(--warn)}.margin-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.margin-hero-actions.single{grid-template-columns:1fr}.loaded-quote-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:var(--accent-dim);border:1px solid rgba(111,227,255,.2);border-radius:var(--radius-md);margin-bottom:8px}.loaded-quote-banner-text{font-size:12px;color:var(--accent);font-weight:600;flex:1;min-width:0}.loaded-quote-clear-btn{width:24px;height:24px;border-radius:999px;background:#6fe3ff26;border:none;color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.all-margins-list{display:flex;flex-direction:column}.all-margins-list-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer;background:transparent;border:none;font-family:inherit;color:var(--text);text-align:left;width:100%;transition:background .1s}.all-margins-list-item:hover{background:var(--surface3)}.all-margins-list-item.selected-item{background:var(--accent-dim);color:var(--accent)}.margins-item-pct{font-size:13px;font-weight:700;min-width:34px;font-family:var(--font-mono)}.margins-item-profit{font-size:12px;color:var(--text-dim);font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex:1}.all-margins-list-item.selected-item .margins-item-profit{color:inherit;opacity:.8}.margins-item-total{font-size:13px;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.saved-quote-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;text-align:left;font-family:inherit;width:100%;overflow:hidden;position:relative;transition:border-color .15s}.saved-quote-card:hover{border-color:var(--border-strong)}.saved-quote-card.active-quote{border-color:var(--accent);background:var(--accent-dim)}.saved-quote-card-left{flex:1;min-width:0}.saved-quote-customer{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-quote-meta{font-size:12px;color:var(--text-dim);margin-top:2px}.saved-quote-card.active-quote .saved-quote-customer{color:var(--accent)}.saved-quote-card-right{text-align:right;flex-shrink:0}.saved-quote-total{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.saved-quote-date{font-size:11px;color:var(--text-mute);display:block;margin-top:2px}.saved-quote-card.active-quote .saved-quote-total{color:var(--accent)}.notif-item.unread{border-color:#6fe3ff2e;background:var(--surface3);border-left:3px solid var(--accent)}.notif-item.unread .notif-title{color:var(--text);font-weight:700}.hide-mobile{display:none}@media(min-width:600px){.hide-mobile{display:table-cell}}.show-mobile{display:inline}@media(min-width:600px){.show-mobile{display:none}}#profile-status{font-size:13px;min-height:1.2em;margin-top:4px}#profile-avatar-preview{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}#invite-link-display{font-size:12px;word-break:break-all;flex:1}#offline-banner{display:none;position:fixed;top:0;left:0;right:0;z-index:9998;background:var(--warn);color:#0b0d10;font-size:13px;font-weight:600;padding:8px 16px;align-items:center;justify-content:center;gap:8px;text-align:center}@keyframes bell-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(6deg)}}.header-bell-btn.has-unread{border-color:#ff7a7580;animation:bell-wiggle 3s ease-in-out infinite}.approval-mini-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);gap:8px}.approval-mini-row:last-child{border-bottom:none}.approval-status-chip{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:999px;flex-shrink:0}.approval-status-chip.status-pending{background:#f4c45c2e;color:var(--warn)}.approval-status-chip.status-approved{background:#5de6b72e;color:var(--success)}.approval-status-chip.status-denied{background:#ff7a752e;color:var(--danger)}tr.approval-swipe-row td{will-change:transform}.swipe-hint{font-size:.72rem;color:var(--text-tertiary);text-align:right;padding:4px 2px 0;opacity:.7;-webkit-user-select:none;user-select:none}@media(hover:hover){.swipe-hint{display:none}}.quotes-search-input{width:100%;padding:9px 12px;background:var(--surface3);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-size:13px;font-family:inherit;outline:none;margin-bottom:10px;transition:border-color .15s}.quotes-search-input:focus{border-color:var(--accent)}.quotes-search-input::placeholder{color:var(--text-mute)}.confirm-dialog-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.btn-danger{padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;background:var(--danger);color:#fff;border:none;transition:opacity .15s}.btn-danger:hover{opacity:.85}@media print{nav,.bottom-nav,.section-header,.service-action-row,.admin-filters-inline,.export-btns,.swipe-hint,.push-banner,.btn-primary,.btn-secondary,.btn-filter,.btn-export{display:none!important}body,#root,.tab-pane.active{background:#fff!important;color:#000!important;display:block!important;padding:0!important;margin:0!important}.results-card,.card{border:1px solid #eee!important;box-shadow:none!important;background:#fff!important;padding:20px!important;margin-bottom:20px!important;page-break-inside:avoid}*{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body.printing-quote>*:not(#print-preview-overlay){display:none!important}body.printing-quote #print-preview-overlay{display:block!important;position:static!important;overflow:visible!important;background:#fff!important}body.printing-quote #print-preview-toolbar{display:none!important}body.printing-quote #print-preview-content{background:#fff!important}body.printing-quote #print-preview-content *{color:initial!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body.printing-site header,body.printing-site .tab-nav,body.printing-site .pull-indicator,body.printing-site .swipe-hint,body.printing-site .push-banner,body.printing-site #print-preview-overlay{display:none!important}body.printing-site #app-view,body.printing-site main,body.printing-site .container{display:block!important;width:100%!important;height:auto!important;overflow:visible!important;padding:0!important;max-width:none!important}body.printing-site .tab-pane{display:block!important;break-before:page!important;page-break-before:always!important;height:auto!important;overflow:visible!important;padding:16px!important;background:#fff!important}body.printing-site .tab-pane:first-of-type{break-before:auto!important;page-break-before:auto!important}body.printing-site .view-scroll-container{overflow:visible!important;height:auto!important}}.printing-pdf{background:#fff!important;color:#000!important;padding:20px!important}.printing-pdf *{color:#000!important;border-color:#eee!important;box-shadow:none!important}.printing-pdf .results-title,.printing-pdf .service-estimate-label,.printing-pdf .service-grand-label{color:#555!important}.printing-pdf .service-grand-total,.printing-pdf #service-labor-subtotal{color:#000!important}.printing-pdf .btn-service-primary,.printing-pdf .btn-service-secondary,.printing-pdf .service-action-row,.printing-pdf .btn-service-wide,.printing-pdf .section-header p{display:none!important}.activity-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);transition:background .15s}.activity-item:hover{background:var(--surface2)}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex-shrink:0}.activity-info{flex:1}.activity-title{font-size:13px;font-weight:600;color:var(--text)}.activity-time{font-size:11px;color:var(--text-mute)}.swiping,.saved-quote-card.swiping{transform:translate(-10px);opacity:.8;transition:transform .2s ease;background:#ff00000d!important}.swipe-row.swiping td{background:#ff00000d!important}.swipe-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.swipe-delete-bg{position:absolute;right:0;top:0;bottom:0;width:100%;background:var(--danger);display:flex;align-items:center;justify-content:flex-end;padding-right:20px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.05em;border-radius:var(--radius-sm)}.swipe-delete-bg svg{margin-right:6px}.pull-indicator{display:flex;align-items:center;justify-content:center;height:0;overflow:hidden;transition:height .1s ease;color:var(--muted);font-size:.8rem;gap:.5rem}.pull-indicator.active{height:48px}.pull-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:var(--font-mono);--color-blue-500:oklch(62.3% .214 259.815);--color-white:#fff;--spacing:.25rem;--radius-xs:var(--radius-xs);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-blue-500{background-color:var(--color-blue-500)}.p-4{padding:calc(var(--spacing) * 4)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}