.toast-container{--toast-h:2.75rem;--toast-peek:0.5rem;align-items:stretch;display:flex;flex-direction:column;pointer-events:none;position:fixed;right:1.25rem;top:.75rem;transition:right .3s ease;width:min(24rem,calc(100vw - 1.5rem));z-index:10001}.toast-item{pointer-events:auto;transform-origin:top center;transition:margin .25s ease,transform .25s ease,filter .25s ease;z-index:calc(1000 - var(--i, 0))}.toast-container:not(.expanded) .toast-notification{height:var(--toast-h)}.toast-container:not(.expanded) .toast-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-container.has-multiple:not(.expanded) .toast-item:not(:first-child){margin-top:calc(var(--toast-h)*-1 + var(--toast-peek))}.toast-container.has-multiple:not(.expanded) .toast-item:not(:last-child){filter:brightness(calc(1 - var(--i)*.07));transform:scale(calc(1 - var(--i)*.04))}.toast-container.has-multiple:not(.expanded) .toast-item:nth-last-child(n+4){opacity:0;pointer-events:none}.toast-container.expanded .toast-item{filter:none;opacity:1;transform:none}.toast-container.expanded .toast-item:not(:first-child){margin-top:.5rem}.toast-container.expanded .toast-message{white-space:pre-line}.toast-notification{align-items:center;animation:toastIn .25s ease-out;background-color:var(--color-bg-primary);border:var(--border-base) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);box-sizing:border-box;color:var(--color-text-primary);display:flex;gap:.5rem;overflow:hidden;padding:.5rem .75rem;position:relative;width:100%}.toast-notification.toast-success{border-color:var(--color-success)}.toast-notification.toast-error{border-color:var(--color-danger);border-width:var(--border-thick)}.toast-notification.toast-warning{border-color:var(--color-warning)}.toast-notification.toast-info{border-color:var(--color-info)}.toast-success .toast-icon{color:var(--color-success)}.toast-error .toast-icon{color:var(--color-danger)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info .toast-icon{color:var(--color-info)}.toast-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:1.15rem;line-height:1}.toast-message{color:var(--color-text-primary);flex:1;font-size:.9375rem;font-weight:500;line-height:1.35;min-width:0}.toast-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1rem;height:1.375rem;justify-content:center;line-height:1;opacity:0;padding:0;pointer-events:none;transition:opacity var(--transition-fast),color var(--transition-fast),background var(--transition-fast);width:1.375rem}.toast-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.toast-close:focus-visible{outline:var(--border-base) solid var(--color-border-focus);outline-offset:1px}.toast-close:focus-visible,:is(.toast-container.expanded,.toast-container:hover) .toast-close{opacity:1;pointer-events:auto}@keyframes toastIn{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.toast-container{left:.5rem;right:.5rem;top:.5rem;width:auto}}@media (min-width:1200px){body.help-panel-open .toast-container{right:calc(1.25rem + var(--help-panel-w, 24rem))}body.sms-panel-open .toast-container{right:calc(1.25rem + var(--sms-panel-w, 24rem))}}:root{font-size:16px;--spacing-2xs:0.125rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--btn-padding-y:0.5rem;--btn-padding-x:0.75rem;--btn-font-size:var(--font-size-sm);--btn-min-height:2.375rem;--btn-radius:var(--radius-sm);--btn-gap:var(--spacing-xs);--btn-compact-padding-y:0.25rem;--btn-compact-padding-x:0.5rem;--btn-compact-font-size:var(--font-size-xs);--btn-compact-min-height:1.875rem;--icon-btn-sm-size:1.625rem;--icon-btn-sm-font:0.875rem;--icon-btn-font:1.375rem;--icon-btn-filled-font:1.125rem;--btn-large-padding-y:0.75rem;--btn-large-padding-x:1.5rem;--btn-large-font-size:var(--font-size-md);--btn-large-min-height:3rem;--input-padding-y:var(--spacing-sm);--input-padding-x:var(--spacing-md);--input-font-size:var(--font-size-sm);--input-min-height:2.375rem;--input-radius:var(--radius-md);--input-border-width:var(--border-base);--input-compact-padding-y:var(--spacing-xs);--input-compact-padding-x:var(--spacing-sm);--input-compact-font-size:var(--font-size-sm);--input-compact-min-height:1.875rem;--input-compact-radius:var(--radius-sm);--checkbox-size:1.125rem;--border-thin:1px;--border-base:2px;--border-thick:4px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:900;--z-modal:1000;--z-popover:1100;--z-tooltip:1200;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}@media (max-width:1440px) and (min-width:1025px){:root{font-size:15px}}@media (max-width:768px){:root{font-size:14px;--btn-padding-y:0.625rem;--btn-padding-x:1rem;--btn-min-height:2.75rem;--btn-font-size:var(--font-size-md);--btn-compact-padding-y:0.5rem;--btn-compact-min-height:2.5rem;--btn-large-min-height:3.25rem;--icon-btn-font:1.25rem;--icon-btn-sm-size:2rem;--input-padding-y:0.875rem;--input-min-height:2.75rem;--input-compact-padding-y:0.5rem;--input-compact-min-height:2.5rem;--checkbox-size:1.375rem}}@media (max-width:480px){:root{font-size:13px}}html.theme-switching *,html.theme-switching :after,html.theme-switching :before{transition:none!important}:root,[data-theme=light]{color-scheme:light;--color-primary:#007bff;--color-primary-hover:#0056b3;--color-primary-active:#004085;--color-primary-light:#cce5ff;--color-primary-text:#fff;--color-primary-dark:#004085;--color-secondary:#6c757d;--color-secondary-hover:#5a6268;--color-secondary-light:#e2e3e5;--color-bg-primary:#fff;--color-bg-primary-rgb:255,255,255;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#e9ecef;--color-bg-hover:#f1f3f5;--color-bg-active:#dee2e6;--color-bg-disabled:#f8f9fa;--color-text-primary:#212529;--color-text-secondary:#6c757d;--color-text-tertiary:#adb5bd;--color-text-disabled:#ced4da;--color-text-inverse:#fff;--color-text-link:#007bff;--color-text-link-hover:#0056b3;--color-border:#dee2e6;--color-border-light:#e9ecef;--color-border-dark:#ced4da;--color-border-hover:#adb5bd;--color-border-focus:#80bdff;--color-success:#28a745;--color-success-hover:#218838;--color-success-light:#d4edda;--color-success-bg:#d4edda;--color-success-border:#c3e6cb;--color-success-text:#155724;--color-success-dark:#155724;--color-warning:#ffc107;--color-warning-hover:#e0a800;--color-warning-light:#fff3cd;--color-warning-bg:#fff3cd;--color-warning-border:#ffeeba;--color-warning-text:#856404;--color-warning-dark:#856404;--color-danger:#dc3545;--color-danger-hover:#c82333;--color-danger-light:#f8d7da;--color-danger-bg:#f8d7da;--color-danger-border:#f5c6cb;--color-danger-text:#721c24;--color-danger-dark:#721c24;--color-info:#17a2b8;--color-info-hover:#138496;--color-info-light:#d1ecf1;--color-info-bg:#d1ecf1;--color-info-border:#bee5eb;--color-info-text:#0c5460;--color-info-dark:#0c5460;--color-orange:#e67e22;--color-orange-hover:#d35400;--color-orange-light:#ffe4cc;--color-orange-bg:#ffe4cc;--color-orange-border:#ffd4a3;--color-orange-text:#8a4f00;--color-orange-dark:#8a4f00;--color-purple:#9c27b0;--color-purple-hover:#7b1fa2;--color-purple-light:#f3e5f5;--color-purple-bg:#f3e5f5;--color-purple-border:#e1bee7;--color-purple-text:#4a148c;--color-purple-dark:#4a148c;--color-on-primary:#fff;--color-on-secondary:#fff;--color-on-success:#fff;--color-on-danger:#fff;--color-on-warning:#212529;--color-on-info:#fff;--color-on-orange:#212529;--color-on-purple:#fff;--color-overlay:#00000080;--color-modal-bg:#fff;--color-modal-header-bg:#f8f9fa;--color-input-bg:#fff;--color-input-border:#ced4da;--color-input-focus-border:#80bdff;--color-input-focus-shadow:#007bff40;--color-input-placeholder:#6c757d;--color-input-disabled-bg:#e9ecef;--color-table-border:#dee2e6;--color-table-hover:#f8f9fa;--color-table-stripe:#f2f2f2;--color-table-header-bg:#e9ecef;--color-sidebar-bg:#343a40;--color-sidebar-text:#fff;--color-sidebar-hover:#495057;--color-sidebar-active:#007bff;--color-card-bg:#fff;--color-card-border:#dee2e6;--color-card-header-bg:#f8f9fa;--color-scrollbar-track:#f1f1f1;--color-scrollbar-thumb:#888;--color-scrollbar-thumb-hover:#555}[data-theme=dark]{color-scheme:dark;--color-primary:#4a9eff;--color-primary-hover:#6eb3ff;--color-primary-active:#2d7dd2;--color-primary-light:#1e3a5f;--color-primary-text:#fff;--color-secondary:#adb5bd;--color-secondary-hover:#ced4da;--color-secondary-light:#495057;--color-bg-primary:#1a1a1a;--color-bg-primary-rgb:26,26,26;--color-bg-secondary:#2d2d2d;--color-bg-tertiary:#3a3a3a;--color-bg-hover:#404040;--color-bg-active:#4a4a4a;--color-bg-disabled:#2d2d2d;--color-text-primary:#e9ecef;--color-text-secondary:#adb5bd;--color-text-tertiary:#6c757d;--color-text-disabled:#495057;--color-text-inverse:#1a1a1a;--color-text-link:#6eb3ff;--color-text-link-hover:#8fc5ff;--color-border:#495057;--color-border-light:#3a3a3a;--color-border-dark:#6c757d;--color-border-hover:#6c757d;--color-border-focus:#4a9eff;--color-success:#51cf66;--color-success-hover:#69db7c;--color-success-light:#2b8a3e;--color-success-bg:#193a26;--color-success-border:#2f7d45;--color-success-text:#b2f2bb;--color-success-dark:#2f9e44;--color-warning:#f59e0b;--color-warning-hover:#fbbf24;--color-warning-light:#d97706;--color-warning-bg:#332c1c;--color-warning-border:#a37a2e;--color-warning-text:#fff3bf;--color-warning-dark:#b45309;--color-danger:#ff6b6b;--color-danger-hover:#ff8787;--color-danger-light:#c92a2a;--color-danger-bg:#4a1c1c;--color-danger-border:#c92a2a;--color-danger-text:#ffc9c9;--color-danger-dark:#e03131;--color-info:#4dabf7;--color-info-hover:#74c0fc;--color-info-light:#1c7ed6;--color-info-bg:#1a3a52;--color-info-border:#1c7ed6;--color-info-text:#a5d8ff;--color-info-dark:#1971c2;--color-orange:#f0923b;--color-orange-hover:#f5a85b;--color-orange-light:#d35400;--color-orange-bg:#5c3a1f;--color-orange-border:#d35400;--color-orange-text:#ffd4a3;--color-orange-dark:#b45309;--color-purple:#ba68c8;--color-purple-hover:#ab47bc;--color-purple-light:#4a148c;--color-purple-bg:#4a148c;--color-purple-border:#6a1b9a;--color-purple-text:#e1bee7;--color-purple-dark:#e1bee7;--color-on-primary:#1a1a1a;--color-on-secondary:#1a1a1a;--color-on-success:#1a1a1a;--color-on-danger:#1a1a1a;--color-on-warning:#1a1a1a;--color-on-info:#1a1a1a;--color-on-orange:#1a1a1a;--color-on-purple:#1a1a1a;--color-primary-dark:#1864ab;--color-overlay:#000000bf;--color-modal-bg:#2d2d2d;--color-modal-header-bg:#3a3a3a;--color-input-bg:#1a1a1a;--color-input-border:#495057;--color-input-focus-border:#4a9eff;--color-input-focus-shadow:#4a9eff40;--color-input-placeholder:#6c757d;--color-input-disabled-bg:#3a3a3a;--color-table-border:#495057;--color-table-hover:#3a3a3a;--color-table-stripe:#2d2d2d;--color-table-header-bg:#3a3a3a;--color-sidebar-bg:#212529;--color-sidebar-text:#e9ecef;--color-sidebar-hover:#343a40;--color-sidebar-active:#4a9eff;--color-card-bg:#2d2d2d;--color-card-border:#495057;--color-card-header-bg:#3a3a3a;--color-scrollbar-track:#2d2d2d;--color-scrollbar-thumb:#6c757d;--color-scrollbar-thumb-hover:#adb5bd}*,:after,:before{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--color-bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:background-color var(--transition-base),color var(--transition-base)}a{color:var(--color-text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-link-hover)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{line-height:var(--line-height-normal);margin:0}button{font-family:inherit;font-size:inherit;line-height:inherit;transition:all var(--transition-fast)}button:disabled{opacity:.6}input,select,textarea{background-color:var(--color-input-bg);border:var(--border-thin) solid var(--color-input-border);border-radius:var(--radius-sm);font-family:inherit;font-size:inherit;line-height:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--color-input-focus-border);box-shadow:0 0 0 3px var(--color-input-focus-shadow);outline:none}input::placeholder,textarea::placeholder{color:var(--color-input-placeholder)}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-input-disabled-bg);cursor:not-allowed}table{background-color:var(--color-bg-primary);border-collapse:collapse;width:100%}td,th{border-bottom:var(--border-thin) solid var(--color-table-border);padding:var(--spacing-sm) var(--spacing-md);text-align:left}th{background-color:var(--color-table-header-bg);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}tr:hover{background-color:var(--color-table-hover)}*{scrollbar-color:#0000 #0000;scrollbar-width:thin}:hover{scrollbar-color:var(--color-scrollbar-thumb) #0000}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0000;border-radius:var(--radius-sm);transition:background .2s ease}:hover::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}::selection{background-color:var(--color-primary-light);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.estimate-modal-wrapper,.inspection-modal-wrapper,.workOrder-modal-wrapper{grid-template-areas:"table sidebar" "footer footer";grid-template-rows:1fr auto}.credit-note-modal-wrapper,.estimate-modal-wrapper,.inspection-modal-wrapper,.invoice-modal-wrapper,.workOrder-modal-wrapper{box-sizing:border-box;display:grid;gap:.75rem;grid-template-columns:1fr 22rem;height:82dvh;margin:0 auto;max-height:82dvh;max-width:100rem;overflow:hidden;padding:0 .75rem;text-align:left;transition:width .3s ease-in-out;width:95vw}.credit-note-modal-wrapper,.invoice-modal-wrapper{grid-template-areas:"table sidebar" "notes sidebar" "footer footer";grid-template-rows:1fr auto auto;position:relative}@media (min-width:1200px){body.help-panel-open :is(.credit-note-modal-wrapper,.estimate-modal-wrapper,.inspection-modal-wrapper,.invoice-modal-wrapper,.workOrder-modal-wrapper){width:calc((100vw - var(--help-panel-w, 24rem))*.95)}body.sms-panel-open :is(.credit-note-modal-wrapper,.estimate-modal-wrapper,.inspection-modal-wrapper,.invoice-modal-wrapper,.workOrder-modal-wrapper){width:calc((100vw - var(--sms-panel-w, 24rem))*.95)}}@media (min-width:120rem){.credit-note-modal-wrapper,.estimate-modal-wrapper,.inspection-modal-wrapper,.invoice-modal-wrapper,.workOrder-modal-wrapper{max-width:112.5rem;width:90vw}}@media (min-width:160rem){.credit-note-modal-wrapper,.estimate-modal-wrapper,.inspection-modal-wrapper,.invoice-modal-wrapper,.workOrder-modal-wrapper{max-width:125rem;width:85vw}}@media (max-width:85.375rem){.credit-note-modal-wrapper,.estimate-modal-wrapper,.inspection-modal-wrapper,.invoice-modal-wrapper,.workOrder-modal-wrapper{max-width:none;width:95vw}}@media (max-width:768px){.credit-note-modal-wrapper,.estimate-modal-wrapper,.inspection-modal-wrapper,.invoice-modal-wrapper,.workOrder-modal-wrapper{max-width:100vw;width:100vw}.estimate-modal-wrapper,.workOrder-modal-wrapper{gap:.5rem;grid-template-columns:1fr;grid-template-rows:1fr auto}.estimate-modal-wrapper.estimate-mobile-show-content,.workOrder-modal-wrapper.workOrder-mobile-show-content{grid-template-areas:"table" "sidebar" "footer";grid-template-rows:1fr auto auto}.estimate-modal-wrapper.estimate-mobile-show-content .estimate-sidebar,.workOrder-modal-wrapper.workOrder-mobile-show-content .workOrder-sidebar{max-height:none;min-height:0;overflow:visible}.estimate-modal-wrapper.estimate-mobile-show-content .estimate-sidebar>:not(.estimate-totals-container),.workOrder-modal-wrapper.workOrder-mobile-show-content .workOrder-sidebar>:not(.workOrder-totals-container){display:none}.estimate-modal-wrapper.estimate-mobile-show-info,.workOrder-modal-wrapper.workOrder-mobile-show-info{grid-template-areas:"sidebar" "footer"}.estimate-modal-wrapper.estimate-mobile-show-info .estimate-table-container,.estimate-modal-wrapper.estimate-mobile-show-info .estimate-totals-container,.workOrder-modal-wrapper.workOrder-mobile-show-info .workOrder-table-container,.workOrder-modal-wrapper.workOrder-mobile-show-info .workOrder-totals-container{display:none}.estimate-modal-wrapper.estimate-mobile-show-info .estimate-sidebar,.workOrder-modal-wrapper.workOrder-mobile-show-info .workOrder-sidebar{max-height:none;min-height:0;overflow-y:auto}.estimate-modal-wrapper .estimate-totals-container,.workOrder-modal-wrapper .workOrder-totals-container{display:flex;flex-direction:row;gap:var(--spacing-sm)}.estimate-modal-wrapper .estimate-totals-container>.estimate-totals-card,.workOrder-modal-wrapper .workOrder-totals-container>.workOrder-totals-card{flex:1 1 0;min-width:0}.estimate-modal-wrapper .estimate-table-container,.workOrder-modal-wrapper .workOrder-table-container{min-height:0;overflow-y:auto;padding:10px}.estimate-modal-wrapper .estimate-table,.workOrder-modal-wrapper .workOrder-table{font-size:.85rem;min-width:320px}.estimate-modal-wrapper .estimate-table td,.estimate-modal-wrapper .estimate-table th,.workOrder-modal-wrapper .workOrder-table td,.workOrder-modal-wrapper .workOrder-table th{padding:6px}}.credit-note-sidebar,.estimate-sidebar,.inspection-sidebar,.invoice-sidebar,.workOrder-sidebar{display:flex;flex-direction:column;gap:.75rem;grid-area:sidebar;max-height:100%;overflow-y:auto}.credit-note-info-card,.estimate-info-card,.inspection-info-card,.invoice-info-card,.workOrder-info-card{background:var(--color-bg-primary);border:var(--border-thin) solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);width:100%}:is(.credit-note-info-card,.estimate-info-card,.inspection-info-card,.invoice-info-card,.workOrder-info-card) h3{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0;text-transform:uppercase}.credit-note-info-row,.estimate-info-row,.inspection-info-row,.invoice-info-row,.workOrder-info-row{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-sm);justify-content:space-between;min-height:1.75rem;padding:var(--spacing-xs) 0}.credit-note-info-anonymized-note{align-items:flex-start;background:var(--color-bg-tertiary);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-sm);line-height:1.4;margin-top:var(--spacing-xs);padding:var(--spacing-sm)}.credit-note-info-anonymized-note .credit-note-anonymized-icon{color:var(--color-text-tertiary);flex-shrink:0}.credit-note-info-label,.estimate-info-label,.inspection-info-label,.invoice-info-label,.workOrder-info-label{color:var(--color-text-secondary);flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.credit-note-info-value,.estimate-info-value,.inspection-info-value,.invoice-info-value,.workOrder-info-value{color:var(--color-text-primary);flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:right;word-break:break-word}.estimate-status-container,.invoice-status-container,.workOrder-status-container{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:flex-end}.credit-note-divider,.estimate-divider,.inspection-divider,.invoice-divider,.workOrder-divider{border:none;border-top:var(--border-thin) solid var(--color-border-light);margin:var(--spacing-sm) 0}.job-header.job-pending,.job-pending{background-color:var(--color-warning-bg)!important}.job-approved,.job-header.job-approved{background-color:var(--color-success-bg)!important}.job-header.job-rejected,.job-rejected{background-color:var(--color-danger-bg)!important}.custom-row.job-pending,.external-row.job-pending,.job-pending.custom-row,.job-pending.external-row,.job-pending.labor-row,.job-pending.part-row,.labor-row.job-pending,.part-row.job-pending{background-color:var(--color-warning-bg)!important}.custom-row.job-approved,.external-row.job-approved,.job-approved.custom-row,.job-approved.external-row,.job-approved.labor-row,.job-approved.part-row,.labor-row.job-approved,.part-row.job-approved{background-color:var(--color-success-bg)!important}.custom-row.job-rejected,.external-row.job-rejected,.job-rejected.custom-row,.job-rejected.external-row,.job-rejected.labor-row,.job-rejected.part-row,.labor-row.job-rejected,.part-row.job-rejected{background-color:var(--color-danger-bg)!important}tr.core-charge-row td{border-top:none;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-style:italic;padding-bottom:var(--spacing-xs);padding-top:var(--spacing-xs)}tr.core-charge-row .core-charge-desc{padding-left:var(--spacing-lg)}.job-pending.job-subtotal,.job-subtotal.job-pending{background-color:var(--color-warning-bg)!important}.job-approved.job-subtotal,.job-subtotal.job-approved{background-color:var(--color-success-bg)!important}.job-rejected.job-subtotal,.job-subtotal.job-rejected{background-color:var(--color-danger-bg)!important}.external-row{font-style:italic}.estimate-table input,.estimate-table select,.workOrder-table input,.workOrder-table select{border:var(--border-thin) solid var(--color-border);border-radius:var(--input-compact-radius);font-size:var(--input-compact-font-size);max-width:100%;min-height:var(--input-compact-min-height);padding:var(--input-compact-padding-y) var(--input-compact-padding-x);transition:border-color .2s ease;width:100%}.estimate-table input:focus,.estimate-table select:focus,.workOrder-table input:focus,.workOrder-table select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #007bff40;outline:none}:is(.estimate-table,.job-header,.workOrder-table) .red-button{margin-left:10px;padding:5px 10px}:is(.estimate-table,.workOrder-table) .red-button{background-color:var(--color-danger);border:none;border-radius:4px;color:var(--color-on-danger);cursor:pointer;font-size:12px;padding:6px 10px;transition:background-color .2s ease}:is(.estimate-table,.workOrder-table) .red-button:hover{background-color:var(--color-danger-hover)}:is(.estimate-table,.workOrder-table) .searchable-dropdown{width:100%!important}:is(.estimate-table,.workOrder-table) .searchable-dropdown .dropdown-container{position:relative}:is(.estimate-table,.workOrder-table) .searchable-dropdown .dropdown-menu{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;position:absolute;z-index:1000}.credit-note-modal-wrapper .credit-note-totals-card,.estimate-totals-card,.invoice-totals-card,.workOrder-totals-card{background-color:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;padding:var(--spacing-sm);width:100%}.credit-note-modal-wrapper .credit-note-totals-card h4,.estimate-totals-card h4,.invoice-totals-card h4,.workOrder-totals-card h4{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;text-align:center}.credit-note-modal-wrapper .credit-note-totals-content,.estimate-totals-content,.invoice-totals-content,.workOrder-totals-content{text-align:right}.credit-note-modal-wrapper .credit-note-totals-content p,.estimate-totals-content p,.invoice-totals-content p,.workOrder-totals-content p{color:var(--color-text-primary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.credit-note-modal-wrapper .credit-note-totals-content p.subtotal,.credit-note-modal-wrapper .credit-note-totals-content p.total,.estimate-totals-content .subtotal,.estimate-totals-content .total,.invoice-totals-content p.subtotal,.invoice-totals-content p.total,.workOrder-totals-content .subtotal,.workOrder-totals-content .total{font-size:var(--font-size-md)}.credit-note-modal-wrapper .credit-note-totals-content p.tax-line,.estimate-totals-content .tax-line,.invoice-totals-content p.tax-line,.workOrder-totals-content .tax-line{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.credit-note-modal-wrapper .credit-note-totals-content p.no-tax,.estimate-totals-content .no-tax,.invoice-totals-content p.no-tax,.workOrder-totals-content .no-tax{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-style:italic}.credit-note-modal-wrapper .credit-note-totals-content hr,.estimate-totals-content hr,.invoice-totals-content hr,.workOrder-totals-content hr{border:none;border-top:var(--border-thin) solid var(--color-border);margin:var(--spacing-sm) 0}.credit-note-modal-wrapper .credit-note-refund-card,.invoice-payment-card{background-color:var(--color-success-bg);border:var(--border-thin) solid var(--color-success);border-radius:var(--radius-md);box-sizing:border-box;padding:var(--spacing-sm);width:100%}.invoice-payment-content{text-align:right}.invoice-payment-content p{color:var(--color-text-primary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}@media (max-width:768px){.credit-note-modal-wrapper .credit-note-refund-card,.credit-note-modal-wrapper .credit-note-totals-card,.estimate-totals-card,.invoice-payment-card,.invoice-totals-card,.workOrder-totals-card{padding:var(--spacing-xs)}.credit-note-modal-wrapper .credit-note-refund-card h4,.credit-note-modal-wrapper .credit-note-totals-card h4,.estimate-totals-card h4,.invoice-payment-card h4,.invoice-totals-card h4,.workOrder-totals-card h4{font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0}.credit-note-modal-wrapper .credit-note-totals-content p,.estimate-totals-content p,.invoice-payment-content p,.invoice-totals-content p,.workOrder-totals-content p{font-size:var(--font-size-xs);margin:.125rem 0}.credit-note-modal-wrapper .credit-note-totals-content p.subtotal,.credit-note-modal-wrapper .credit-note-totals-content p.total,.estimate-totals-content .subtotal,.estimate-totals-content .total,.invoice-totals-content p.subtotal,.invoice-totals-content p.total,.workOrder-totals-content .subtotal,.workOrder-totals-content .total{font-size:var(--font-size-sm)}.credit-note-modal-wrapper .credit-note-totals-content hr,.estimate-totals-content hr,.invoice-payment-content hr,.invoice-totals-content hr,.workOrder-totals-content hr{margin:var(--spacing-xs) 0}}body,html{overflow-x:hidden}@media (max-width:767px){body,html{height:100%;overflow:hidden}}@media (max-width:1440px) and (min-width:1025px){html{font-size:15px}}@media (max-width:1024px) and (min-width:768px){html{font-size:15px}}@media (max-width:767px){html{font-size:14px}}@media (max-width:480px){html{font-size:13px}}*,:after,:before{box-sizing:border-box}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:active,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:active,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 62.5rem var(--color-input-bg) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important;border-color:var(--color-input-border)!important;caret-color:var(--color-text-primary)!important;transition:background-color 5000s ease-in-out 0s}body{background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-family:Arial,sans-serif;font-size:1rem;line-height:1.5;margin:0;overflow-x:hidden;padding:0}#root,body{max-width:100vw;width:100%}#root{box-sizing:border-box;min-width:20rem}h1,h2,h3{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);text-align:center}h2{border-bottom:var(--border-thin) solid var(--color-border-light);padding-bottom:var(--spacing-xs)}.universal-form{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:0 auto;max-width:min(75rem,100%);overflow-y:auto;padding:var(--spacing-lg);scrollbar-width:thin}.universal-form::-webkit-scrollbar{width:.5rem}.universal-form::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-sm)}.universal-form::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.form-scroll-container{width:100%;-webkit-overflow-scrolling:touch}.form-row{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);width:100%}.form-group{display:flex;flex-direction:column;min-width:0}.form-group label{font-size:var(--font-size-md);font-weight:500;margin-bottom:var(--spacing-xs)}.form-group :is(input,select,textarea){background:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);padding:var(--spacing-sm);transition:border-color .2s ease;width:100%}.form-group :is(input:focus,select:focus,textarea:focus){border-color:var(--color-primary);box-shadow:0 0 .3125rem var(--color-input-focus-shadow);outline:none}.form-button-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-start}.form-button-group button{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);padding:.5rem .875rem;transition:all .2s ease-in-out}button.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs)}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:var(--checkbox-size);width:var(--checkbox-size)}.auth-terms-checkbox input[type=checkbox],.auth-terms-checkbox input[type=radio],.checkbox-group input[type=checkbox],.checkbox-group input[type=radio],.checkbox-label input[type=checkbox],.checkbox-label input[type=radio],.form-group input[type=checkbox],.form-group input[type=radio]{border:none!important;margin-bottom:0!important;padding:0!important;transform:none!important;transition:none!important}.checkbox-label .detail-tooltip{font-size:var(--font-size-xs);margin-left:var(--spacing-xs)}.detail-tooltip{color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:700}.detail-tooltip-text{bottom:120%;color:var(--color-bg-primary);line-height:1.3;padding:var(--spacing-sm);transition:opacity .3s ease-in-out;width:13.75rem;z-index:10}@media (max-width:1024px){.universal-form{max-height:85vh;max-width:100%;padding:var(--spacing-md)}.form-row{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.universal-form{max-height:80vh;max-width:100%;overflow-y:auto;padding:var(--spacing-xs);scrollbar-width:thin}.universal-form::-webkit-scrollbar{width:.5rem}.universal-form::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-sm)}.form-row{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.form-group{min-width:100%;width:100%}.form-group label{font-size:var(--font-size-base)}.form-group :is(input,select,textarea){padding:var(--spacing-xs)}}.form-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end;padding-top:var(--spacing-md)}.form-actions button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:background .3s ease}.form-actions .submit-button{background:var(--color-primary);color:var(--color-on-primary)}.form-actions .submit-button:hover{background:var(--color-primary-hover)}.form-actions .cancel-button{background:var(--color-danger);color:var(--color-on-danger)}.form-actions .cancel-button:hover{background:var(--color-danger-hover)}.green-button{background:var(--color-success);border:none;border-radius:var(--radius-sm);color:var(--color-on-success);cursor:pointer;transition:background .3s ease}.green-button:hover{background:var(--color-success-hover)}.green-button:disabled{background:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.error-text{font-size:var(--font-size-sm);font-weight:700}.universal-modal-content{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 .25rem .625rem #0000004d;box-sizing:border-box;display:flex;flex-direction:column;max-height:98dvh;max-width:100vw;overflow:auto;overflow-x:hidden;position:relative}@media (min-width:768px){.universal-modal-content{border-radius:var(--radius-lg);max-height:95dvh;max-width:95vw}}.modal-content{flex:1;max-width:100%;overflow-x:hidden;overflow-y:auto}.modal-header{align-items:flex-start;background:var(--color-modal-header-bg);border-bottom:var(--border-thin) solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;min-height:2rem;padding:var(--spacing-md);position:relative}.modal-header :is(h2,h3){border-bottom:none;flex:1;margin:0;padding-bottom:0;padding-right:var(--spacing-xs)}.modal-header-buttons{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs)}.modal-close-btn,.modal-minimize-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:700;height:1.75rem;justify-content:center;min-height:1.75rem;padding:0;transition:all .2s ease;width:1.75rem}.modal-minimize-btn{font-size:var(--font-size-xl);line-height:1}.modal-minimize-btn:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.modal-close-btn{font-size:var(--font-size-xl)}.modal-close-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.modal-close-btn:focus,.modal-minimize-btn:focus{outline:var(--border-base) solid var(--color-primary);outline-offset:.125rem}.universal-modal-small{max-width:37.5rem;width:50%}.universal-modal-medium{max-width:50rem;width:80%}.universal-modal-large{height:95vh;max-height:95vh;max-width:56.25rem;overflow:hidden;width:90%}.universal-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;height:100dvh;justify-content:center;left:0;position:fixed;top:0;transition:width .3s ease-in-out;width:100%;z-index:1000}@media (max-width:768px){.universal-modal-overlay--dim{background:#000000bf}.universal-modal-large{max-height:95vh;width:95%}.modal-header{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-xs);justify-content:space-between;min-height:4rem;padding:var(--spacing-md);padding-bottom:var(--spacing-sm)}.modal-header :is(h2,h3){flex:1;font-size:var(--font-size-md);line-height:1.3;margin:0;padding-right:4.5rem}.modal-header-buttons{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-sm);position:absolute;right:0;top:50%;transform:translateY(-50%)}.modal-close-btn,.modal-minimize-btn{font-size:2.5rem;height:4rem;min-height:4rem;min-width:4rem;width:4rem}.modal-minimize-btn{display:none}}@media (max-width:600px){.universal-modal-small{width:90%}}@media (max-width:480px){.universal-modal-large{border-radius:0;height:100dvh;width:100%}}input,select,textarea{background-color:var(--color-bg-primary);border:var(--input-border-width) solid var(--color-border);border-radius:var(--input-radius);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--input-font-size);margin-bottom:var(--spacing-sm);min-height:var(--input-min-height);outline:none;padding:var(--input-padding-y) var(--input-padding-x);transition:border-color .3s ease,box-shadow .3s ease;width:90%}input[type=checkbox],input[type=color],input[type=file],input[type=radio],input[type=range]{min-height:0;padding:0;width:auto}input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:var(--checkbox-size);width:var(--checkbox-size)}select{line-height:normal}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 .25rem var(--color-input-focus-shadow)}select:disabled{background-color:var(--color-bg-disabled);color:var(--color-text-tertiary);cursor:not-allowed}@media (max-width:768px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{font-size:16px!important}}button{align-items:center;background-color:var(--color-bg-hover);border:var(--border-thin) solid var(--color-border);border-radius:var(--btn-radius);box-sizing:border-box;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:var(--btn-font-size);font-weight:700;gap:var(--btn-gap);justify-content:center;margin:var(--spacing-xs);min-height:var(--btn-min-height);padding:var(--btn-padding-y) var(--btn-padding-x);transition:background-color .3s ease}.button.selected{background-color:var(--color-primary);color:var(--color-on-primary)}select.select-button{border:none;border-radius:var(--btn-radius);box-sizing:border-box;cursor:pointer;line-height:1.2;margin:var(--spacing-xs);min-height:var(--btn-min-height);padding:var(--btn-padding-y) var(--btn-padding-x)}select.select-button,select.select-button option{font-size:var(--btn-font-size);font-weight:700}.action-select-wrap{align-items:center;display:inline-flex;margin:var(--spacing-xs)}.action-select-wrap>select.select-button{margin:0}.action-warning-chip{background-color:var(--color-warning-bg);border:var(--border-thin) solid var(--color-warning-border);color:var(--color-warning-text);white-space:nowrap}.action-warning-chip:hover{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--color-on-warning)}select.select-button.action-warning-chip{border:var(--border-thin) solid var(--color-warning-border)}button:hover{background-color:var(--color-primary-hover);color:var(--color-on-primary)}button:disabled{background-color:var(--color-border);cursor:not-allowed}.btn-compact{font-size:var(--btn-compact-font-size);min-height:var(--btn-compact-min-height);padding:var(--btn-compact-padding-y) var(--btn-compact-padding-x)}.btn-large{font-size:var(--btn-large-font-size);min-height:var(--btn-large-min-height);padding:var(--btn-large-padding-y) var(--btn-large-padding-x)}.blue-button{background-color:var(--color-info);border:none;color:var(--color-on-info)}.blue-button:hover{background-color:var(--color-info-hover)}.blue-button:disabled{background-color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.marketplace-vendor-logo{flex-shrink:0;height:1.75rem;width:auto}.yellow-button{background-color:var(--color-warning);border:none;color:var(--color-on-warning)}.yellow-button:hover{background-color:var(--color-warning-hover)}.orange-button{background-color:#ff9800;border:none;color:var(--color-on-orange)}.orange-button:hover{background-color:#f57c00}.red-button{background-color:var(--color-danger);border:none;color:var(--color-on-danger)}.red-button:hover{background-color:var(--color-danger-hover)}.purple-button{background-color:var(--color-purple);border:none;color:var(--color-on-purple)}.purple-button:hover{background-color:var(--color-purple-hover)}.purple-button:disabled{cursor:not-allowed;opacity:.6}.gray-button,.purple-button:disabled{background-color:var(--color-text-secondary)}.gray-button{border:none;color:var(--color-on-secondary)}.gray-button:hover{background-color:var(--color-secondary-hover)}ul{list-style:none;margin:0;padding:0}li{align-items:center;background-color:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border-light);border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs);transition:background-color .3s ease}li:hover{background-color:var(--color-bg-hover)}.button-group{display:flex;gap:var(--spacing-xs)}.universal-form-container{margin:0 auto;max-width:56.25rem;padding:0}.universal-form-content{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 .25rem 1.25rem #00000014;overflow:hidden}.universal-form-section{border-bottom:var(--border-thin) solid var(--color-bg-hover);padding:1.5rem 2rem}.universal-form-section:last-child{border-bottom:none}.universal-form-section-header{margin-bottom:1.5rem}.universal-form-section-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 .25rem}.universal-form-section-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.universal-form-section-header-compact{margin-bottom:1rem}.universal-form-section-header-compact h3{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 .125rem}.universal-form-section-header-compact p{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:0}.universal-form-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:var(--spacing-md)}.universal-form-row:last-child{margin-bottom:0}.universal-form-group{position:relative}.universal-form-group-full{flex:1 1 100%}.universal-form-group-half{flex:1 1 calc(50% - 0.5rem);min-width:12.5rem}.universal-form-group-third{flex:1 1 calc(33.333% - 0.6875rem);min-width:9.375rem}.universal-form-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:500;line-height:1.4;margin-bottom:var(--spacing-xs)}.required-indicator{color:var(--color-danger);font-weight:600;margin-left:.125rem}.universal-form-input{background-color:var(--color-bg-primary);border:var(--input-border-width) solid var(--color-border);border-radius:var(--input-radius);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--input-font-size);line-height:1.25;min-height:var(--input-min-height);padding:var(--input-padding-y) var(--input-padding-x);transition:all .2s ease-in-out;width:100%}.universal-form-input--compact{border-radius:var(--input-compact-radius);font-size:var(--input-compact-font-size);min-height:var(--input-compact-min-height);padding:var(--input-compact-padding-y) var(--input-compact-padding-x)}.universal-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 .1875rem var(--color-input-focus-shadow);outline:none}.universal-form-input:hover:not(:focus){border-color:var(--color-border-hover)}.universal-form-input.error{border-color:var(--color-danger)}.universal-form-input.error:focus{border-color:var(--color-danger);box-shadow:0 0 0 .1875rem var(--color-danger-light)}.universal-form-input::placeholder{color:var(--color-text-tertiary)}.universal-form-input[type=textarea],textarea.universal-form-input{font-family:inherit;min-height:5rem;resize:vertical}.universal-checkbox-container{position:relative}.universal-checkbox-label{align-items:flex-start;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);line-height:1.5}.universal-form-checkbox{height:0;opacity:0;position:absolute;width:0}.universal-checkbox-custom{border:var(--border-base) solid var(--color-border-light);border-radius:var(--radius-sm);flex-shrink:0;height:1.25rem;margin-right:var(--spacing-sm);position:relative;transition:all .2s ease-in-out;width:1.25rem}.universal-form-checkbox:checked+.universal-checkbox-custom{background-color:var(--color-primary);border-color:var(--color-primary)}.universal-form-checkbox:checked+.universal-checkbox-custom:after{border:solid var(--color-text-inverse);border-width:0 .125rem .125rem 0;content:"";height:.625rem;left:.375rem;position:absolute;top:.125rem;transform:rotate(45deg);width:.375rem}.universal-checkbox-text{flex:1;font-weight:500}.detail-tooltip{display:inline-block;margin-left:var(--spacing-xs);position:relative}.tooltip-icon{align-items:center;background-color:var(--color-border-light);border-radius:50%;color:var(--color-text-secondary);cursor:help;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;height:1rem;justify-content:center;transition:all .2s ease-in-out;width:1rem}.tooltip-icon:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.detail-tooltip-text{background-color:var(--color-text-primary);border-radius:var(--radius-sm);bottom:125%;color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:400;left:50%;line-height:1.4;opacity:0;padding:.5rem .75rem;position:absolute;text-align:center;transform:translateX(-50%);transition:all .3s ease-in-out;visibility:hidden;width:12.5rem;z-index:1000}.detail-tooltip-text:after{border-color:var(--color-text-primary) #0000 #0000 #0000;border-style:solid;border-width:.3125rem;content:"";left:50%;margin-left:-.3125rem;position:absolute;top:100%}.detail-tooltip:hover .detail-tooltip-text{opacity:1;visibility:visible}.error-text{color:var(--color-danger);display:block;font-size:var(--font-size-xs);font-weight:500;margin-top:var(--spacing-xs)}.universal-form-actions{background-color:var(--color-bg-secondary);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:1.5rem 2rem}.vehicle-status-toggle-container{align-items:center;background:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-lg)}.vehicle-status-info{flex:1}.vehicle-status-description{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-style:italic;margin:var(--spacing-xs) 0 0 0}.vehicle-status-checkbox{align-items:center;display:flex;gap:var(--spacing-md)}.vehicle-status-checkbox input[type=checkbox]{accent-color:var(--color-success);cursor:pointer;height:var(--checkbox-size);width:var(--checkbox-size)}.vehicle-status-checkbox .status-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:4rem}.vehicle-status-checkbox .status-label.active{color:var(--color-success-text)}.vehicle-status-checkbox .status-label.inactive{color:var(--color-danger-text)}.universal-btn{align-items:center;border:var(--border-base) solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;justify-content:center;line-height:1.25;overflow:hidden;position:relative;text-decoration:none;transition:all .2s ease-in-out}.universal-btn:disabled{cursor:not-allowed;opacity:.6}.universal-btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.universal-btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 .25rem .75rem var(--color-input-focus-shadow);transform:translateY(-.0625rem)}.universal-btn-large{font-size:var(--btn-large-font-size);min-height:var(--btn-large-min-height);min-width:8.75rem;padding:var(--btn-large-padding-y) var(--btn-large-padding-x)}.universal-btn-loading{animation:universal-btn-spin 1s linear infinite;border:var(--border-base) solid #0000;border-radius:50%;border-top:var(--border-base) solid;height:1rem;margin-right:var(--spacing-sm);width:1rem}@keyframes universal-btn-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.universal-search-results{background:var(--color-bg-primary);border:var(--border-base) solid var(--color-border-light);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:0 .25rem .75rem #0000001a;left:0;max-height:12.5rem;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.universal-search-results li{border-bottom:var(--border-thin) solid var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) 1rem;transition:background-color .2s ease-in-out}.universal-search-results li:hover{background-color:var(--color-bg-secondary)}.universal-search-results li:last-child{border-bottom:none}.universal-error-alert{align-items:center;background-color:var(--color-danger-bg);border:var(--border-thin) solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger-text);display:flex;font-size:var(--font-size-sm);padding:1rem}.universal-error-icon{font-size:var(--font-size-lg);margin-right:var(--spacing-sm)}.universal-error-message{flex:1;font-weight:500}@media (min-width:1200px){.universal-form-container{max-width:62.5rem}.universal-form-actions,.universal-form-section{padding:2rem 2.5rem}.universal-form-group-third{flex:1 1 calc(33.333% - 0.6875rem);min-width:12.5rem}.universal-form-group-half{flex:1 1 calc(50% - 0.5rem);min-width:17.5rem}}@media (min-width:992px) and (max-width:1199px){.universal-form-container{max-width:59.375rem}.universal-form-actions,.universal-form-section{padding:1.75rem 2.25rem}.universal-form-group-third{flex:1 1 calc(33.333% - 0.6875rem);min-width:11.25rem}.universal-form-group-half{flex:1 1 calc(50% - 0.5rem);min-width:15.625rem}}@media (min-width:768px) and (max-width:991px){.universal-form-container{margin:0 1rem;max-width:100%}.universal-form-content{border-radius:var(--radius-md)}.universal-form-actions,.universal-form-section{padding:1.5rem 1.75rem}.universal-form-group-half,.universal-form-group-third{flex:1 1 calc(50% - 0.5rem);min-width:12.5rem}.universal-form-row{gap:1rem;margin-bottom:1.125rem}.universal-search-results{max-height:11.25rem}}@media (max-width:767px){.universal-form-container{margin:0 .5rem;max-width:100%}.universal-form-content{border-radius:var(--radius-md);box-shadow:0 .125rem .75rem #0000001a}.universal-form-actions,.universal-form-section{padding:1.25rem 1.5rem}.universal-form-group-half,.universal-form-group-third{flex:1 1 100%;min-width:unset}.universal-form-row{gap:var(--spacing-sm);margin-bottom:1rem}.universal-search-results{max-height:9.375rem}}@media (max-width:480px){.universal-form-actions,.universal-form-section{padding:1rem 1.25rem}.universal-form-section-header{margin-bottom:1.25rem}.universal-form-section-header h3{font-size:var(--font-size-md)}.universal-btn-large{width:100%}.detail-tooltip-text{font-size:.7rem;width:11.25rem}.universal-form-actions{flex-direction:column}.universal-error-alert{align-items:flex-start;flex-direction:column;text-align:left}.universal-error-icon{margin-bottom:var(--spacing-xs);margin-right:0}.universal-search-results{max-height:7.5rem}.universal-search-results li{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:360px){body{font-size:var(--font-size-sm)}.form-row{flex-direction:column!important}}.low-stock-row{background-color:var(--color-warning-bg)!important}.low-stock-badge{color:var(--color-warning-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-left:.5rem}.low-stock-filter{align-items:center;border-radius:var(--radius-sm);border-style:solid;box-sizing:border-box;display:flex;gap:var(--spacing-sm);height:38px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);white-space:nowrap}.low-stock-filter input[type=checkbox]{accent-color:var(--color-warning);border:none;box-shadow:none;cursor:pointer;height:var(--checkbox-size);margin:0;outline:none;width:var(--checkbox-size)}.detail-section{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.detail-section h4{border-bottom:2px solid var(--color-border-light)!important;color:var(--color-text-secondary)!important;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)!important;padding-bottom:var(--spacing-xs)!important}.detail-section p{color:var(--color-text-primary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm)}.detail-section p strong{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.modal-form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:flex-end}.modal-form-actions .btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--btn-font-size);font-weight:var(--font-weight-semibold);gap:var(--btn-gap);justify-content:center;line-height:1.2;margin:0;min-height:var(--btn-min-height);padding:var(--btn-padding-y) var(--btn-padding-x);transition:all var(--transition-fast)}.modal-form-actions .btn:disabled{cursor:not-allowed;opacity:.6}.modal-form-actions :is(.btn-primary,.btn-submit){background:var(--color-primary);color:var(--color-on-primary)}.modal-form-actions :is(.btn-primary:hover:not(:disabled),.btn-submit:hover:not(:disabled)){background:var(--color-primary-hover)}.modal-form-actions :is(.btn-cancel,.btn-secondary){background:var(--color-bg-tertiary);border:var(--border-thin) solid var(--color-border);color:var(--color-text-primary)}.modal-form-actions :is(.btn-cancel:hover:not(:disabled),.btn-secondary:hover:not(:disabled)){background:var(--color-bg-hover)}.modal-form-actions .btn-danger{background:var(--color-danger);color:var(--color-on-danger)}.modal-form-actions .btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.modal-form-actions .btn-success{background:var(--color-success);color:var(--color-on-success)}.modal-form-actions .btn-success:hover:not(:disabled){background:var(--color-success-hover)}@media (max-width:768px){.modal-form-actions{align-items:stretch;flex-direction:column}.modal-form-actions .btn{width:100%}}.page-header-bar{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xs);padding:0 0 var(--spacing-xs) 0}.page-header-left{align-items:center;display:flex;flex:1;gap:var(--spacing-sm,.5rem);justify-content:flex-start}.page-header-menu-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:none;justify-content:center;padding:var(--spacing-xs);transition:background var(--transition-fast)}.page-header-menu-btn:hover{background:var(--color-bg-hover)}.page-header-center{align-items:center;display:flex;flex:1;justify-content:center}.page-header-bar .page-header-center .page-title{border-bottom:none!important;color:var(--color-text-primary)!important;font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-semibold)!important;line-height:1!important;margin:0!important;padding:0!important;text-align:center!important}.page-header-right{align-items:center;display:flex;flex:1;gap:var(--spacing-sm);justify-content:flex-end}.theme-toggle-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.theme-toggle-button:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary);transform:scale(1.1)}.theme-toggle-button:active{transform:scale(.95)}.welcome-text-inline{color:var(--color-text-secondary);font-size:.8em;font-weight:400;white-space:nowrap}.header-user-badge{align-items:center;background:var(--color-primary-light,#e3f2fd);border-radius:var(--radius-md,.5rem);color:var(--color-primary,#1976d2);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm,.8125rem);font-weight:var(--font-weight-semibold,600);gap:var(--spacing-sm,.375rem);padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);transition:background var(--transition-fast,.15s);user-select:none;white-space:nowrap}.header-user-badge:hover{background:var(--color-primary-hover-light,#bbdefb)}.header-user-badge svg{flex-shrink:0}.header-user-menu{display:inline-flex;position:relative}.header-user-dropdown{background:var(--color-bg-primary,#fff);border:var(--border-thin,1px) solid var(--color-border,#e0e0e0);border-radius:var(--radius-md,.5rem);box-shadow:var(--shadow-lg,0 8px 24px #00000026);display:flex;flex-direction:column;left:0;min-width:12rem;padding:var(--spacing-xs,.25rem);position:absolute;top:calc(100% + var(--spacing-xs, .25rem));z-index:1000}.header-user-dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm,.375rem);color:var(--color-text-primary,#222);cursor:pointer;display:flex;font-size:var(--font-size-sm,.8125rem);font-weight:var(--font-weight-medium,500);gap:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.5rem) var(--spacing-md,.75rem);text-align:left;transition:background var(--transition-fast,.15s);white-space:nowrap;width:100%}.header-user-dropdown-item:hover{background:var(--color-bg-hover,#f5f5f5)}.header-user-badge:focus-visible,.header-user-dropdown-item:focus-visible{outline:var(--border-base,2px) solid var(--color-border-focus,#4a90d9);outline-offset:1px}.header-user-dropdown-item svg{color:var(--color-text-secondary,#666);flex-shrink:0}.header-badge-level-icon{font-size:1rem;line-height:1}.header-badge-name{line-height:1}.header-badge-achievements{display:inline-flex;gap:2px;margin-left:var(--spacing-xs,.125rem)}.header-badge-ach-icon{font-size:.8rem;line-height:1}.header-badge-points{background:var(--color-warning-bg,#fff3cd);border-radius:var(--radius-sm,.25rem);color:var(--color-warning-text,#856404);font-size:var(--font-size-xs,.75rem);font-weight:var(--font-weight-bold,700);line-height:1.2;margin-left:var(--spacing-xs,.125rem);padding:1px var(--spacing-xs,.25rem)}.header-business-name{color:var(--color-text-secondary);font-size:var(--font-size-sm,.8125rem);font-weight:var(--font-weight-normal,400);max-width:15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.page-header-bar{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);padding:0}.page-header-left .header-user-badge,.page-header-left .welcome-text-inline{display:none}.page-header-left .header-business-name{color:var(--color-text-primary);display:inline-block;font-weight:var(--font-weight-semibold);max-width:none;min-width:0}.page-header-left{flex:1 1 auto;min-width:0;overflow:hidden}.page-header-menu-btn{display:inline-flex}.page-header-center{display:none}.page-header-right{flex:0 0 auto}.page-header-right .location-selector-wrapper{display:none}}@media print{@page{size:letter;margin:.5in}body,html{height:11in;margin:0;padding:0;width:8.5in}*,body,html{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}.no-print{display:none!important}.page-break{page-break-before:always}.avoid-break{page-break-inside:avoid}}@media screen{.invoice-template{background:var(--color-bg-primary);box-shadow:0 4px 12px #00000026;margin:0 auto;min-height:11in;position:relative;width:8.5in}.invoice-preview-container{align-items:flex-start;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}}.template-container{background:var(--color-bg-primary);box-sizing:border-box;min-height:11in;position:relative;width:8.5in}@media screen and (max-width:900px){.invoice-template,.template-container{margin:0 auto;max-width:8.5in;width:100%}.invoice-preview-container{padding:10px}}.ReactModal__Overlay.modal-overlay--top,.universal-modal-overlay.modal-overlay--top{align-items:flex-start}.modal-header .save-status{align-items:center;display:inline-flex;font-size:var(--font-size-base);font-weight:400;margin-left:var(--spacing-sm);opacity:.8}.modal-header .save-status.saving{color:var(--color-warning)}.modal-header .save-status.saved{color:var(--color-success)}.modal-header .save-status.error{color:var(--color-danger)}.modal-header :is(.save-status.disabled-reason,.save-status.warning){color:var(--color-warning)}.modal-header .save-status .save-status__short{display:none}@media (max-width:768px){.modal-header .save-status .save-status__full{display:none}.modal-header .save-status .save-status__short{display:inline}}.modal-header-extra{align-items:center;display:flex;gap:var(--spacing-md);margin-left:auto;margin-right:var(--spacing-md)}.language-toggle-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;gap:.25rem;justify-content:center;min-width:3.75rem;padding:var(--spacing-xs);transition:all var(--transition-fast)}.language-toggle-button:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary);transform:scale(1.1)}.language-toggle-button:active{transform:scale(.95)}.language-code{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px}.terms-content-modal-wrapper{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-md);max-width:50rem;overflow-x:hidden;padding:var(--spacing-lg);width:90vw}.terms-content-modal-wrapper .terms-content-modal-tabs{align-items:center;border-bottom:var(--border-thin) solid var(--color-border);display:flex;justify-content:space-between;padding-bottom:0}.terms-content-modal-wrapper .terms-content-modal-tabs-left{display:flex;gap:var(--spacing-xs)}.terms-content-modal-wrapper .terms-content-modal-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:-1px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.terms-content-modal-wrapper .terms-content-modal-tab:hover{background:none;color:var(--color-primary)}.terms-content-modal-wrapper .terms-content-modal-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.terms-content-modal-wrapper .terms-content-modal-effective{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin:0}.terms-content-modal-wrapper .terms-content-modal-intro{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.terms-content-modal-wrapper .terms-content-modal-sections{display:flex;flex-direction:column;gap:var(--spacing-lg)}.terms-content-modal-wrapper .terms-content-modal-section-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.terms-content-modal-wrapper .terms-content-modal-section-body{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0;white-space:pre-line}@media (max-width:768px){.terms-content-modal-wrapper{padding:var(--spacing-md);width:95vw}}.referral-badge{align-items:center;background:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.referral-badge--valid{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.referral-badge--invalid{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.referral-badge--loading{opacity:.75}.referral-badge__check{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.referral-badge__code{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-family:monospace;padding:2px var(--spacing-xs)}.referral-badge__label{flex:1}.referral-badge__remove{background:none;border:var(--border-thin) solid;border-radius:var(--radius-sm);color:inherit;cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:background var(--transition-fast)}.referral-badge__remove:hover{background:var(--color-bg-hover)}.auth-container{align-items:flex-start;background-color:#1a1d23;display:flex;justify-content:center;min-height:100dvh;overflow-y:auto;padding:var(--spacing-md) 0;width:100%}.auth-background{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;margin:auto;max-width:31.25rem;min-height:90dvh;position:relative;width:95%}.bg-image{border-radius:inherit;filter:brightness(.4);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.auth-top-bar{align-items:center;display:flex;justify-content:space-between;padding:.5rem var(--spacing-sm);position:relative;z-index:3}.auth-top-controls{display:flex;gap:var(--spacing-xs)}.auth-icon-btn{align-items:center;backdrop-filter:blur(4px);background:#ffffff26;border:none;border-radius:var(--radius-xl);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:.2rem;padding:.3rem .5rem;transition:background var(--transition-fast)}.auth-icon-btn:hover{background:#ffffff40}.app-title{align-items:center;color:#fff;display:flex;font-size:var(--font-size-2xl)!important;font-weight:var(--font-weight-bold);gap:var(--spacing-sm);line-height:1.2;margin:0;text-decoration:none;transition:opacity var(--transition-fast)}.app-title:hover{color:#fff;opacity:.85}span.app-title{cursor:default}span.app-title:hover{opacity:1}.app-title-icon{border-radius:var(--radius-sm);filter:drop-shadow(.125rem .125rem .25rem rgba(0,0,0,.5));height:3.5rem;object-fit:contain;width:3.5rem}.app-title .brand-text{display:flex;gap:.3rem}.app-title .brand-glp{background:linear-gradient(180deg,#d0d0d0,#a0a0a0 50%,#707070);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.app-title .brand-pro{color:#3498db}.tagline{padding:1rem var(--spacing-lg);position:relative;z-index:3}.tagline-line1,.tagline-line2{font-size:1.1rem;line-height:1.3;margin:0}.tagline-line2{margin-top:.15rem}.tagline-gray{color:#ffffffb3;font-size:.95rem;font-style:italic;font-weight:var(--font-weight-light,300);letter-spacing:.02em}.tagline-accent-white{background:linear-gradient(180deg,#d0d0d0,#a0a0a0 50%,#707070);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;text-shadow:none}.tagline-accent-blue,.tagline-accent-white{font-weight:var(--font-weight-bold);letter-spacing:.15em;text-transform:uppercase}.tagline-accent-blue{color:#3498db;text-shadow:.0625rem .0625rem .1875rem #00000080}.overlay{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:flex-start;min-height:0;padding:1rem 1.5rem 1.5rem;position:relative;text-align:center;z-index:2}.auth-container form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0 auto;max-width:21.875rem}.auth-container form,.auth-container input{transition:all var(--transition-base);width:100%}.auth-container input{background-color:var(--color-input-bg);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--font-size-base);outline:none;padding:var(--spacing-sm) var(--spacing-md);scroll-margin:var(--spacing-xl)}.auth-container input::placeholder{color:var(--color-text-tertiary)}.auth-container input:focus{background-color:var(--color-input-bg);box-shadow:0 0 0 3px #1e3a5f,var(--shadow-sm);color:var(--color-text-primary);transform:translateY(-1px)}.auth-container input.input-error{background-color:var(--color-input-bg);border:2px solid var(--color-danger)}.auth-terms-checkbox{align-items:flex-start;color:#ffffffe6;cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin:var(--spacing-sm) 0;text-align:left}.auth-terms-checkbox input[type=checkbox]{background:none;border-radius:0;box-shadow:none;cursor:pointer;flex-shrink:0;height:var(--checkbox-size);margin-top:3px;width:var(--checkbox-size)}.auth-terms-checkbox input[type=checkbox]:focus{box-shadow:none}.auth-terms-checkbox .auth-terms-link{background:none;border:none;box-shadow:none;color:#3498db;cursor:pointer;display:inline;font-size:inherit;margin:0;padding:0;text-decoration:underline}.auth-terms-checkbox .auth-terms-link:hover{color:#5dade2}.auth-container button[type=submit],.login-button,.resend-button{background-color:#3498db;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);box-sizing:border-box;color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:var(--spacing-xs) 0;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.auth-container button[type=submit]:hover,.login-button:hover,.resend-button:hover{background-color:#5dade2;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-container button[type=submit]:active,.login-button:active,.resend-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.resend-button{background-color:var(--color-warning)}[data-theme=dark] .auth-container button[type=submit],[data-theme=dark] .login-button{background-color:#2d2d2d}[data-theme=dark] .auth-container button[type=submit]:hover,[data-theme=dark] .login-button:hover{background-color:#3d3d3d}.resend-button:hover{background-color:var(--color-warning-hover)}.auth-container .error-message{background-color:initial;color:var(--color-danger)!important;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin:-.25rem 0 .25rem;padding:0;text-align:left;text-shadow:.0625rem .0625rem .125rem #000c}.auth-container .error-message.backend-error{background-color:#dc3545f2;font-size:var(--font-size-sm);text-shadow:none}.auth-container .error-message.backend-error,.auth-container .success-message{border:none;border-radius:var(--radius-md);color:#fff!important;font-weight:var(--font-weight-semibold);margin:var(--spacing-xs) 0;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.auth-container .success-message{background-color:#28a745f2;font-size:var(--font-size-base)!important;text-shadow:none!important}.auth-container h2{color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:var(--spacing-md) 0 var(--spacing-lg) 0;text-shadow:.125rem .125rem .25rem #000c}.auth-container p{color:#fff;font-size:var(--font-size-sm);line-height:1.6;margin:var(--spacing-sm) 0;text-shadow:.0625rem .0625rem .125rem #000c}.auth-container p :is(a,button){background:none;border:none;box-shadow:none;color:#4a9eff;cursor:pointer;display:inline;font-size:inherit;font-weight:var(--font-weight-bold);margin:0;padding:0;text-decoration:none;transition:all var(--transition-fast)}.auth-container p :is(a:hover,button:hover){box-shadow:none;color:#6eb3ff;text-decoration:underline;transform:none}@media (max-width:900px){html:has(.auth-container),html:has(.auth-container) body{height:auto!important;overflow:auto!important}.auth-container{padding:0}.auth-background{border-radius:0;max-width:100%;min-height:100dvh;width:100%}.overlay{padding:1rem 1.25rem 1.25rem}}@media (max-width:600px){.overlay{padding:1rem}.app-title{font-size:1.5rem!important;top:.75rem}.tagline{bottom:.5rem}.auth-container form{gap:.625rem;max-width:100%}.auth-container input{padding:.75rem .875rem}.auth-container button[type=submit],.login-button,.resend-button{font-size:1rem;padding:.875rem 1.25rem}.auth-container h2{font-size:1.375rem;margin:.75rem 0 1rem}.auth-container p{font-size:.8125rem;margin:.5rem 0}}@media (min-width:901px){.overlay{padding:1.5rem 2rem 2rem}.auth-container form{max-width:23rem}}@media (max-height:900px) and (min-width:901px){.overlay{padding:1rem 1.5rem 1.25rem}.auth-container h2{font-size:1.375rem;margin:.5rem 0 .75rem}.auth-container form{gap:.5rem}.auth-container p{font-size:.8125rem;margin:.375rem 0}.auth-container button[type=submit],.login-button,.resend-button{margin:.25rem 0;padding:.625rem 1.25rem}}@media (max-height:700px) and (min-width:901px){.auth-background{min-height:95dvh}.overlay{padding:.75rem 1.5rem 1rem}.auth-container h2{font-size:1.25rem;margin:.125rem 0 .375rem}.auth-container form{gap:.375rem}.auth-container input{padding:.5rem .75rem}.auth-container button[type=submit],.login-button,.resend-button{margin:.125rem 0;padding:.5rem 1rem}}@media (hover:none) and (pointer:coarse){.auth-container button[type=submit],.login-button,.resend-button{min-height:2.75rem;padding:.875rem 1.5rem}.auth-container input:not([type=checkbox]){font-size:1rem;min-height:2.75rem}.auth-container p button{display:inline-block;min-height:2.75rem;padding:.5rem}}@media (max-width:900px) and (max-height:600px) and (orientation:landscape){.auth-background{max-height:95dvh;min-height:auto}.overlay{padding:4rem 1rem 1rem}.app-title{font-size:1.25rem!important;top:.5rem}.tagline{bottom:.25rem}.auth-container h2{font-size:1.125rem;margin:.5rem 0}.auth-container form{gap:.5rem}.auth-container :is(button,input){font-size:.875rem;padding:.625rem .875rem}.auth-container p{font-size:.75rem;margin:.375rem 0}}.auth-container form>*{animation:auth-fade-in .3s ease-in}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.overlay::-webkit-scrollbar{width:8px}.overlay::-webkit-scrollbar-track{background:#0003;border-radius:var(--radius-lg)}.overlay::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-lg);opacity:.5}.overlay::-webkit-scrollbar-thumb:hover{opacity:.7}.auth-mode-toggle{backdrop-filter:blur(4px);background:#ffffff26;border-radius:var(--radius-xl);display:flex;gap:.2rem;margin-bottom:var(--spacing-sm);padding:.2rem}[data-theme=dark] .auth-mode-toggle{background:#2d2d2dcc}.auth-mode-tab{background:#0000;border:none;border-radius:var(--radius-xl);color:#ffffffb3;cursor:pointer;flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-lg);transition:all var(--transition-fast);white-space:nowrap}.auth-mode-tab:hover:not(.active){background:#ffffff1a;color:#fff}.auth-mode-tab.active{background:#3498db;box-shadow:var(--shadow-sm);color:#fff}[data-theme=dark] .auth-mode-tab.active{background:#4a4a4a;box-shadow:0 0 0 1px #ffffff26}.shop-code-input{font-size:1.25rem!important;letter-spacing:.3em!important;text-align:center}.public-navbar{background:var(--color-bg-primary);border-bottom:var(--border-thin) solid var(--color-border);box-shadow:var(--shadow-sm);left:0;position:fixed;right:0;top:0;z-index:var(--z-sticky)}.public-navbar-inner{align-items:center;display:flex;height:3.5rem;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);position:relative}.public-navbar-brand{align-items:center;color:var(--color-text-primary);display:flex;flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast)}.public-navbar-brand:hover{color:var(--color-primary)}.public-navbar-brand .brand-logo{border-radius:var(--radius-sm);height:2.75rem;object-fit:contain;width:2.75rem}.public-navbar-brand .brand-text{display:flex;gap:.3rem}.public-navbar-brand .brand-glp{background:linear-gradient(180deg,silver,gray 50%,#5a5a5a);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;font-weight:var(--font-weight-bold)}[data-theme=light] .public-navbar-brand .brand-glp{background:linear-gradient(180deg,gray,#555 50%,#333);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.public-navbar-brand .brand-pro{color:#3498db;font-weight:var(--font-weight-bold)}.public-navbar-links{align-items:center;display:flex;gap:var(--spacing-xs);left:50%;position:absolute;transform:translateX(-50%)}.public-nav-link{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.public-nav-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.public-nav-link.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.public-nav-dropdown{position:relative}.public-nav-dropdown-trigger{background:#0000;border:none;cursor:pointer;font-family:inherit}.public-nav-dropdown-menu{background:var(--color-bg-primary);border:var(--border-thin) solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:50%;min-width:16rem;padding:var(--spacing-sm);position:absolute;top:calc(100% + var(--spacing-sm));transform:translateX(-50%)}.public-nav-dropdown-link{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:2.5rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.public-nav-dropdown-link:hover{background:var(--color-bg-hover);color:var(--color-primary)}.public-navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-sm)}.public-nav-icon-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;gap:.25rem;justify-content:center;min-width:2.5rem;padding:var(--spacing-xs);transition:all .2s ease}.public-nav-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);transform:scale(1.1)}.public-nav-icon-btn:active{transform:scale(.95)}.public-nav-lang-code{font-size:.75rem;font-weight:600;letter-spacing:.5px}.public-nav-login-btn{border:var(--border-thin) solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.public-nav-login-btn:hover,.public-nav-signup-btn{background:var(--color-primary);color:var(--color-on-primary)}.public-nav-signup-btn{border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.public-nav-signup-btn:hover{background:var(--color-primary-hover)}.public-navbar-hamburger{align-items:center;background:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:none;flex:0 0 auto;font-size:var(--font-size-lg);height:2.75rem;justify-content:center;margin:0;min-height:0;padding:0;transition:all var(--transition-fast);width:2.75rem}.public-navbar-hamburger svg{flex-shrink:0;height:1.75rem;width:1.75rem}.public-navbar-hamburger:hover{background:var(--color-bg-hover)}.public-navbar-overlay{animation:fadeIn .2s ease;background:#000000a6;bottom:0;display:none;left:0;position:fixed;right:0;top:3.5rem;z-index:calc(var(--z-sticky) - 1)}.public-navbar-mobile{background:var(--color-bg-primary);border-top:var(--border-thin) solid var(--color-border);display:none;flex-direction:column;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);position:relative;z-index:var(--z-sticky)}.public-nav-mobile-link{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-height:2.75rem;padding:var(--spacing-md) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.public-nav-mobile-link.active,.public-nav-mobile-link:hover{background:var(--color-bg-hover);color:var(--color-primary)}.public-nav-mobile-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.public-nav-mobile-heading{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs);text-transform:uppercase}.public-nav-mobile-heading.active{color:var(--color-primary)}.public-nav-mobile-link.nested{padding-left:var(--spacing-xl)}.public-nav-mobile-link.signup{background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-semibold);justify-content:center;margin-top:var(--spacing-xs);min-height:2.75rem;text-align:center}.public-nav-mobile-link.signup:hover{background:var(--color-primary-hover)}.public-nav-mobile-divider{background:var(--color-border);height:var(--border-thin);margin:var(--spacing-sm) 0}@media (max-width:768px){.public-nav-login-btn,.public-nav-signup-btn,.public-navbar-links{display:none}.public-navbar-hamburger,.public-navbar-mobile{display:flex}.public-navbar-overlay{display:block}.public-nav-icon-btn{min-height:2.75rem;min-width:2.75rem;padding:var(--spacing-sm)}}.public-footer{background:var(--color-bg-secondary);border-top:var(--border-thin) solid var(--color-border);padding-top:var(--spacing-2xl)}[data-theme=dark] .public-footer{background:#00000059}.public-footer-inner{display:grid;gap:var(--spacing-xl);grid-template-columns:2fr 1fr 1fr 1fr 1fr;margin:0 auto;max-width:var(--container-xl);padding:0 var(--spacing-lg)}.public-footer-brand-block{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);width:fit-content}.public-footer-brand{align-items:center;display:flex;gap:var(--spacing-sm)}.public-footer-brand .brand-logo{border-radius:var(--radius-sm);height:2rem;object-fit:contain;width:2rem}.public-footer-brand .brand-text{display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:.3rem}.public-footer-brand .brand-glp{background:linear-gradient(180deg,silver,gray 50%,#5a5a5a);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}[data-theme=light] .public-footer-brand .brand-glp{background:linear-gradient(180deg,gray,#555 50%,#333);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.public-footer-brand .brand-pro{color:#3498db}.public-footer-tagline-wrap{display:flex;flex-direction:column;padding-left:calc(2rem + var(--spacing-sm))}.public-footer-tagline{font-size:var(--font-size-base,1rem);line-height:1.4;margin:0}.public-footer-tagline+.public-footer-tagline{margin-top:.1rem}.public-footer-social{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-left:0}.public-footer-social-link{align-items:center;background:#1877f2;border:var(--border-thin) solid #1877f2;border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:var(--font-size-lg);height:2.25rem;justify-content:center;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);width:2.25rem}.public-footer-social-link:hover{background:#166fe5;border-color:#166fe5;color:#fff;transform:scale(1.08)}.public-footer-social-link:focus-visible{border-color:var(--color-border-focus);box-shadow:0 0 0 var(--border-thick) var(--color-input-focus-shadow);outline:none}.footer-tagline-gray{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;font-weight:var(--font-weight-light,300)}.footer-tagline-white{background:linear-gradient(180deg,silver,gray 50%,#5a5a5a);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase}[data-theme=light] .footer-tagline-white{background:linear-gradient(180deg,gray,#555 50%,#333);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.footer-tagline-blue{color:#3498db;font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase}.public-footer-col{display:flex;flex-direction:column;gap:var(--spacing-xs)}.public-footer-heading{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0;text-transform:uppercase}.public-footer-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xs) 0;text-decoration:none;transition:color var(--transition-fast)}.public-footer-link:hover{color:var(--color-primary)}.public-footer-bottom{border-top:var(--border-thin) solid var(--color-border);margin:var(--spacing-xl) auto 0;max-width:var(--container-xl);padding:var(--spacing-md) var(--spacing-lg)}.public-footer-copyright{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin:0;text-align:center}@media (max-width:768px){.public-footer-inner{gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.public-footer-col:first-child{grid-column:1/-1}}@media (max-width:480px){.public-footer-inner{grid-template-columns:1fr}}html.public-page,html.public-page body,html:has(.public-layout),html:has(.public-layout) body{height:100%!important;overflow:hidden!important}.public-layout{background:var(--color-bg-primary);bottom:0;color:var(--color-text-primary);display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;right:0;scroll-behavior:smooth;top:3.5rem;-webkit-overflow-scrolling:touch}.public-main{flex:1}.landing-page{overflow-x:hidden}.landing-hero{align-items:stretch;display:flex;justify-content:center;min-height:calc(105vh - 3.5rem);overflow:hidden;padding:var(--spacing-lg) var(--spacing-lg);position:relative;text-align:center;width:100%}.landing-hero:before{animation:heroBgShift 8s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 0,var(--color-primary-light) 0,#0000 50%),radial-gradient(ellipse at 80% 100%,var(--color-info-bg) 0,#0000 50%);content:"";inset:0;opacity:.4;pointer-events:none;position:absolute;will-change:transform;z-index:0}@keyframes heroBgShift{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(2%,-2%)}}.landing-hero-content{align-items:center;display:flex;flex:1;flex-direction:column;max-width:48rem;position:relative;z-index:1}.landing-hero-badge{animation:badgePulse 3s ease-in-out infinite;background:var(--color-primary-light);border:var(--border-thin) solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;margin-bottom:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 var(--color-primary-light)}50%{box-shadow:0 0 16px 4px var(--color-primary-light)}}.landing-hero-title{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-info) 25%,var(--color-primary) 50%,var(--color-info) 75%,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:clamp(var(--font-size-2xl),5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-md) 0;-webkit-text-fill-color:#0000;background-position:0}@keyframes titleShimmer{0%{background-position:0}to{background-position:200%}}.landing-hero-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-xl) 0}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-sm)}.landing-bounce-arrow{animation:bounceDown 1.5s ease-in-out infinite}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.landing-hero-carousel{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-xl) auto;max-width:36rem;width:100%}.landing-hero-carousel-icons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.landing-hero-carousel-icon{align-items:center;background:var(--color-bg-tertiary);border:var(--border-thin) solid #0000;border-radius:var(--radius-lg);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:3rem;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all var(--transition-base);width:3rem}.landing-hero-carousel-icon:hover{background:var(--color-bg-hover);color:var(--color-text-secondary);transform:scale(1.1) translateY(-2px)}.landing-hero-carousel-icon.active{animation:iconGlow 2s ease-in-out infinite;background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary-light);color:var(--color-primary);transform:scale(1.15)}.landing-hero-carousel-icon.active[data-color=success]{background:var(--color-success-light);border-color:var(--color-success);box-shadow:0 0 12px var(--color-success-light);color:var(--color-success)}.landing-hero-carousel-icon.active[data-color=warning]{background:var(--color-warning-light);border-color:var(--color-warning);box-shadow:0 0 12px var(--color-warning-light);color:var(--color-warning)}.landing-hero-carousel-icon.active[data-color=danger]{background:var(--color-danger-light);border-color:var(--color-danger);box-shadow:0 0 12px var(--color-danger-light);color:var(--color-danger)}.landing-hero-carousel-icon.active[data-color=info]{background:var(--color-info-light);border-color:var(--color-info);box-shadow:0 0 12px var(--color-info-light);color:var(--color-info)}.landing-hero-carousel-icon.active[data-color=purple]{background:#8b5cf626;border-color:#8b5cf6;box-shadow:0 0 12px #8b5cf64d;color:#8b5cf6}@keyframes iconGlow{0%,to{box-shadow:0 0 8px rgba(var(--color-primary-rgb,59,130,246),.3)}50%{box-shadow:0 0 18px rgba(var(--color-primary-rgb,59,130,246),.5)}}.landing-hero-carousel-card{align-items:center;background:linear-gradient(135deg,rgba(var(--color-primary-rgb,59,130,246),.08),rgba(var(--color-primary-rgb,59,130,246),.03));border:var(--border-thin) solid var(--color-primary-light);border-radius:var(--radius-xl);box-shadow:0 2px 12px rgba(var(--color-primary-rgb,59,130,246),.08);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-sm);height:9rem;justify-content:center;max-width:36rem;overflow:hidden;padding:var(--spacing-lg) var(--spacing-2xl);position:relative;width:100%;will-change:transform,opacity}.landing-feature-badge.landing-hero-carousel-badge{align-self:auto;font-size:var(--font-size-sm);letter-spacing:.08em;margin:0;padding:.5rem 1rem;position:absolute;right:var(--spacing-sm);top:var(--spacing-md)}.landing-hero-carousel-title{background:linear-gradient(135deg,var(--color-primary),var(--color-info));-webkit-background-clip:text;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);-webkit-text-fill-color:#0000;background-clip:text;margin:0}.landing-hero-carousel-desc{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0;max-width:36rem;min-height:2lh;text-align:center}@keyframes carouselTitleIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes carouselCardIn{0%{opacity:0;transform:translateX(30px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes carouselCardOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-30px) scale(.97)}}.landing-hero-carousel-card.slide-in{animation:carouselCardIn .35s cubic-bezier(.25,.46,.45,.94) forwards}.landing-hero-carousel-card.slide-out{animation:carouselCardOut .25s cubic-bezier(.55,.06,.68,.19) forwards}.landing-hero-note{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin:var(--spacing-sm) 0 0 0}.landing-btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-on-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);text-decoration:none;transition:all var(--transition-fast)}.landing-btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);color:var(--color-on-primary);transform:translateY(-1px)}.landing-btn-primary.large{font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-2xl)}.landing-btn-secondary{align-items:center;background:#0000;border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);text-decoration:none;transition:all var(--transition-fast)}.landing-btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.landing-section-inner{margin:0 auto;max-width:var(--container-xl);padding:var(--spacing-3xl) var(--spacing-lg)}.landing-section-title{color:var(--color-text-primary);font-size:clamp(var(--font-size-xl),4vw,var(--font-size-2xl));font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;text-align:center}.landing-section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0 auto var(--spacing-2xl);max-width:40rem;text-align:center}.landing-screenshots{background:var(--color-bg-primary);padding:var(--spacing-lg) 0 0}.landing-screenshots-viewport{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin:0 auto;max-width:72rem;padding:0 var(--spacing-md)}.landing-screenshots-arrow{align-items:center;background:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:2.75rem;justify-content:center;margin:0;min-height:0;padding:0;transition:all var(--transition-fast);width:2.75rem}.landing-screenshots-arrow:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.landing-screenshots-track{flex:1;min-height:32rem;position:relative}.landing-screenshots-slide{align-items:stretch;display:flex;gap:var(--spacing-lg);inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease}.landing-screenshots-slide.active{opacity:1;pointer-events:auto}.landing-screenshot-item{background:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all var(--transition-base)}.landing-screenshots-slide[data-type=landscape]{align-items:center}.landing-screenshots-slide[data-type=landscape] .landing-screenshot-item{aspect-ratio:1600/951;height:100%;margin:0 auto;max-height:32rem;max-width:100%;width:auto}.landing-screenshots-slide[data-type=landscape] .landing-screenshot-item picture{display:block;height:100%;width:100%}.landing-screenshots-slide[data-type=landscape] .landing-screenshot-item img{height:100%}.landing-screenshots-slide[data-type=portrait-pair]{align-items:center;margin:0 auto;max-width:40rem;min-height:22rem}.landing-screenshots-slide[data-type=portrait-pair] .landing-screenshot-item{aspect-ratio:708/1131;flex:1;height:auto;max-height:32rem;max-width:50%}.landing-screenshots-slide[data-type=portrait-pair] .landing-screenshot-item picture{display:block;height:100%;width:100%}.landing-screenshots-slide[data-type=portrait-pair] .landing-screenshot-item img{height:100%}.landing-screenshot-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.landing-screenshot-item.is-static{cursor:default}.landing-screenshot-item.is-static:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md);transform:none}.landing-screenshot-item img{display:block;flex:1;min-height:0;object-fit:cover;object-position:top;width:100%}.landing-screenshot-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) 0;text-align:center}.landing-screenshots-dots{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg)}.landing-screenshots-dot{background:var(--color-border);border:none;border-radius:50%;cursor:pointer;height:.625rem;margin:0;min-height:0;padding:0;transition:all var(--transition-fast);width:.625rem}.landing-screenshots-dot.active{background:var(--color-primary);transform:scale(1.3)}.landing-screenshots-dot:hover:not(.active){background:var(--color-text-tertiary)}@media (max-width:768px){.landing-screenshots-track{min-height:24rem}.landing-screenshots-slide[data-type=landscape-stack]{flex-direction:column;gap:var(--spacing-md)}.landing-screenshots-slide[data-type=landscape-stack] .landing-screenshot-item{max-height:12rem;width:100%}.landing-screenshots-slide[data-type=portrait] .landing-screenshot-item{margin:0 auto;max-height:100%;max-width:20rem;width:80%}.landing-screenshots-arrow{font-size:var(--font-size-lg);height:2.25rem;width:2.25rem}}.landing-lightbox{align-items:center;animation:lightboxFadeIn .3s ease;backdrop-filter:blur(8px);background:#000000d9;bottom:0;cursor:zoom-out;display:flex;justify-content:center;left:0;position:fixed;right:0;top:3.5rem;z-index:9999}.landing-lightbox img{border-radius:var(--radius-lg);box-shadow:0 8px 40px #0006;cursor:default;max-height:calc(100vh - 5rem);max-width:min(92vw,calc(100% - 8rem))}.landing-lightbox-arrow{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:3rem;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background var(--transition-fast);width:3rem;z-index:1}.landing-lightbox-arrow.left{left:var(--spacing-lg)}.landing-lightbox-arrow.right{right:var(--spacing-lg)}.landing-lightbox-arrow:hover{background:#ffffff4d}.landing-lightbox-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:3rem;justify-content:center;position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);transition:background var(--transition-fast);width:3rem}.landing-lightbox-close:hover{background:#ffffff4d}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.landing-features{background:var(--color-bg-secondary)}.landing-features .landing-section-inner{max-width:90rem}.landing-features-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.landing-feature-card{background:rgba(var(--color-bg-primary-rgb,255,255,255),.85);border:var(--border-thin) solid rgba(var(--color-border-light-rgb,200,200,200),.4);border-left:3px solid #0000;border-radius:var(--radius-lg);padding:var(--spacing-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.landing-feature-card:hover{background:rgba(var(--color-bg-primary-rgb,255,255,255),.95);box-shadow:0 8px 32px #00000014;transform:translateY(-4px)}.landing-feature-card[data-color=primary]:hover{border-left-color:var(--color-primary)}.landing-feature-card[data-color=success]:hover{border-left-color:var(--color-success)}.landing-feature-card[data-color=warning]:hover{border-left-color:var(--color-warning)}.landing-feature-card[data-color=danger]:hover{border-left-color:var(--color-danger)}.landing-feature-card[data-color=info]:hover{border-left-color:var(--color-info)}.landing-feature-card[data-color=purple]:hover{border-left-color:#8b5cf6}.landing-feature-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:2.75rem;justify-content:center;width:2.75rem}.landing-feature-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.landing-feature-badge{align-items:center;align-self:flex-start;animation:badgeGradient 5s linear infinite,badgeGlow 2.6s ease-in-out infinite;background:linear-gradient(115deg,#7c3aed,#ec4899,#f59e0b,#7c3aed);background-size:300% 100%;border-radius:999px;box-shadow:0 2px 10px #ec489973;color:#fff;display:inline-flex;font-size:.625rem;font-weight:var(--font-weight-bold);justify-content:center;letter-spacing:.06em;line-height:1;margin-left:auto;overflow:hidden;padding:.3rem .75rem;position:relative;text-indent:.06em;text-transform:uppercase;white-space:nowrap}.landing-feature-badge:after{animation:badgeSweep 3.4s ease-in-out infinite;background:linear-gradient(100deg,#0000,#ffffffa6,#0000);content:"";height:100%;left:-60%;position:absolute;top:0;transform:skewX(-20deg);width:40%}@keyframes badgeGradient{0%{background-position:0 50%}to{background-position:300% 50%}}@keyframes badgeGlow{0%,to{box-shadow:0 2px 8px #7c3aed66}50%{box-shadow:0 2px 14px #ec4899a6}}@keyframes badgeSweep{0%,55%{left:-60%}to{left:130%}}@media (prefers-reduced-motion:reduce){.landing-feature-badge{animation:none}.landing-feature-badge:after{display:none}}.landing-feature-chevron{display:none}.landing-feature-card[data-color=success] .landing-feature-icon{background:var(--color-success-bg);color:var(--color-success)}.landing-feature-card[data-color=warning] .landing-feature-icon{background:var(--color-warning-bg);color:var(--color-warning)}.landing-feature-card[data-color=danger] .landing-feature-icon{background:var(--color-danger-bg);color:var(--color-danger)}.landing-feature-card[data-color=info] .landing-feature-icon{background:var(--color-info-bg);color:var(--color-info)}.landing-feature-card[data-color=purple] .landing-feature-icon{background:#8b5cf626;color:#8b5cf6}.landing-feature-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.landing-feature-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.landing-feature-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.landing-feature-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);text-decoration:none}.landing-feature-link:hover{color:var(--color-primary-hover)}.landing-how-it-works{background:var(--color-bg-secondary)}.landing-how-it-works .landing-section-inner{padding-top:var(--spacing-xl)}.landing-steps{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center}.landing-step{flex:1;max-width:20rem;position:relative;text-align:center}.landing-step-connector{align-items:center;color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--font-size-xl);justify-content:center;opacity:.5}.landing-step-number{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary-text);display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:2.5rem;justify-content:center;margin-bottom:var(--spacing-md);width:2.5rem}.landing-step-number[data-color=success]{background:var(--color-success)}.landing-step-number[data-color=warning]{background:var(--color-warning)}.landing-step-number[data-color=info]{background:var(--color-info)}.landing-step-number[data-color=danger]{background:var(--color-danger)}.landing-step-icon{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-2xl);justify-content:center;margin-bottom:var(--spacing-md)}.landing-step-icon[data-color=success]{color:var(--color-success)}.landing-step-icon[data-color=warning]{color:var(--color-warning)}.landing-step-icon[data-color=info]{color:var(--color-info)}.landing-step-icon[data-color=danger]{color:var(--color-danger)}.landing-step-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.landing-step-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.landing-benefits{background:var(--color-bg-primary)}.landing-benefits-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.landing-benefit-card{padding:var(--spacing-xl);text-align:center}.landing-benefit-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-xl);height:4rem;justify-content:center;margin-bottom:var(--spacing-md);width:4rem}.landing-benefit-icon[data-color=success]{background:var(--color-success-bg);color:var(--color-success)}.landing-benefit-icon[data-color=warning]{background:var(--color-warning-bg);color:var(--color-warning)}.landing-benefit-icon[data-color=info]{background:var(--color-info-bg);color:var(--color-info)}.landing-benefit-icon[data-color=danger]{background:var(--color-danger-bg);color:var(--color-danger)}.landing-benefit-icon[data-color=primary]{background:var(--color-primary-light);color:var(--color-primary)}.landing-benefit-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.landing-benefit-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.landing-faq{background:var(--color-bg-secondary)}.landing-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-xl) auto 0;max-width:48rem}.landing-faq-item{background:var(--color-bg-primary);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.landing-faq-question{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-md);justify-content:space-between;list-style:none;padding:var(--spacing-md) var(--spacing-lg)}.landing-faq-question::-webkit-details-marker{display:none}.landing-faq-chevron{color:var(--color-text-secondary);flex-shrink:0;transition:transform var(--transition-fast)}.landing-faq-item[open] .landing-faq-chevron{transform:rotate(180deg)}.landing-faq-answer{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);padding:0 var(--spacing-lg) var(--spacing-lg)}.landing-cta{overflow:hidden;padding-top:3rem;position:relative}.landing-cta-wave{left:0;line-height:0;position:absolute;right:0;top:0;z-index:2}.landing-cta-wave svg{display:block;height:3rem;width:100%}.landing-cta-wave svg path{fill:var(--color-bg-primary)}.landing-cta:before{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-bg-secondary) 40%,var(--color-bg-secondary) 60%,var(--color-info-bg) 100%);content:"";inset:0;opacity:.6;position:absolute;z-index:0}.landing-cta .landing-section-inner{position:relative;text-align:center;z-index:1}.landing-cta-title{color:var(--color-text-primary);font-size:clamp(var(--font-size-xl),4vw,var(--font-size-2xl));font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.landing-cta-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-xl) 0}.landing-cta-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.landing-cta .landing-btn-primary{animation:ctaGlow 2.5s ease-in-out infinite;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-primary-text);position:relative;z-index:1}@keyframes ctaGlow{0%,to{box-shadow:0 0 12px var(--color-primary-light)}50%{box-shadow:0 0 28px var(--color-primary-light),0 0 48px rgba(var(--color-primary-rgb,59,130,246),.2)}}.landing-cta .landing-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary));box-shadow:0 0 36px var(--color-primary-light);color:var(--color-primary-text);transform:translateY(-2px) scale(1.03)}.landing-pricing{background:var(--color-bg-primary)}.landing-pricing-compare{align-items:stretch;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin:0 auto;max-width:56rem}.landing-pricing-card{background:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--spacing-xl);position:relative}.landing-pricing-card--others{opacity:.9}.landing-pricing-card--ours{background:var(--color-bg-primary);border:2px solid var(--color-primary);box-shadow:0 12px 40px #0000001a}.landing-pricing-badge{background:var(--color-primary);border-radius:var(--radius-full);box-shadow:0 2px 10px var(--color-primary-light);color:var(--color-primary-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);left:50%;letter-spacing:.04em;padding:.3rem .9rem;position:absolute;text-transform:uppercase;top:-.75rem;transform:translateX(-50%);white-space:nowrap}.landing-pricing-card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.landing-pricing-brand{align-items:center;display:flex;gap:.6rem}.landing-pricing-brand .brand-logo{border-radius:var(--radius-sm);height:2.75rem;object-fit:contain;width:2.75rem}.landing-pricing-brand .brand-text{display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:.3rem}.landing-pricing-brand .brand-glp{background:linear-gradient(180deg,silver,gray 50%,#5a5a5a);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}[data-theme=light] .landing-pricing-brand .brand-glp{background:linear-gradient(180deg,gray,#555 50%,#333);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.landing-pricing-brand .brand-pro{color:#3498db}.landing-pricing-card-sub{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.landing-pricing-tiers{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;margin:0 0 var(--spacing-md) 0;padding:0}.landing-pricing-tiers li{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:.25rem .6rem}.landing-tier-price{font-weight:var(--font-weight-bold);letter-spacing:.04em;margin-left:.2rem}.landing-tier-price--1{color:var(--color-success)}.landing-tier-price--2{color:var(--color-warning)}.landing-tier-price--3{color:var(--color-danger)}.landing-pricing-tiers li.landing-pricing-tier--na{align-items:center;background:var(--color-bg-tertiary);border-color:var(--color-border);border-style:dashed;color:var(--color-text-tertiary);cursor:not-allowed;display:flex;flex-basis:100%;gap:var(--spacing-sm);justify-content:space-between}.landing-tier-na-badge{color:var(--color-danger-text);font-weight:var(--font-weight-bold);letter-spacing:.03em;margin-left:var(--spacing-xs);text-transform:uppercase}.landing-pricing-plan{color:var(--color-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.landing-pricing-list{display:flex;flex:1;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0 0 var(--spacing-lg) 0;padding:0}.landing-pricing-list li{align-items:flex-start;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);line-height:var(--line-height-relaxed)}.landing-pricing-list li svg{flex-shrink:0;margin-top:.15rem}.landing-pricing-list--cons li svg{color:var(--color-danger)}.landing-pricing-list--pros li{color:var(--color-text-primary)}.landing-pricing-list--pros li svg{color:var(--color-success)}.landing-pricing-cta{align-self:stretch;justify-content:center;margin-top:auto}@media (max-width:768px){.landing-pricing-compare{grid-template-columns:1fr;max-width:26rem}}.landing-wave{line-height:0;margin-top:-1px;width:100%}.landing-wave svg{display:block;height:3rem;width:100%}.landing-wave--hero{background:#0000;margin-top:-3rem;position:relative;z-index:1}.landing-wave--hero svg path{fill:var(--color-bg-secondary)}.landing-wave--features{background:var(--color-bg-secondary)}.landing-wave--features svg path{fill:var(--color-bg-primary)}.landing-wave--gallery{background:var(--color-bg-primary)}.landing-wave--gallery svg path{fill:var(--color-bg-secondary)}.landing-wave--howitworks{background:var(--color-bg-secondary)}.landing-wave--howitworks svg path{fill:var(--color-bg-primary)}@media (max-width:1024px){.landing-benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-hero{min-height:calc(110dvh - 3.5rem);padding:var(--spacing-lg) var(--spacing-md);text-align:center}.landing-hero,.landing-hero-content{flex-direction:column;justify-content:flex-start}.landing-hero-content{align-items:center;display:flex;flex:1;max-width:100%}.landing-hero-carousel{justify-content:center;margin:var(--spacing-sm) auto;max-width:100%}.landing-hero-subtitle{margin-bottom:var(--spacing-xl)}.landing-hero-actions{align-items:stretch;flex-direction:column;margin-bottom:auto;margin-top:auto}.landing-hero-actions :is(.landing-btn-primary,.landing-btn-secondary){font-size:var(--font-size-base);justify-content:center;min-height:2.75rem;width:100%}.landing-hero-carousel-icon{font-size:var(--font-size-lg);height:3rem;width:3rem}.landing-hero-carousel-card{height:auto;min-height:9rem;padding:var(--spacing-lg)}.landing-feature-badge.landing-hero-carousel-badge{font-size:var(--font-size-xs);padding:.35rem .7rem;right:var(--spacing-sm);top:var(--spacing-sm)}.landing-hero-carousel-title{font-size:var(--font-size-xl);padding:0 4.75rem}.landing-benefits-grid{grid-template-columns:1fr}.landing-steps{align-items:center;flex-direction:column}.landing-step-connector{transform:rotate(90deg)}.landing-step{max-width:24rem}.landing-section-inner{padding:var(--spacing-xl) var(--spacing-md)}.landing-section-subtitle{font-size:var(--font-size-sm)}.landing-cta-actions{align-items:stretch;flex-direction:column}.landing-cta-actions .landing-btn-primary{justify-content:center;min-height:2.75rem;width:100%}.landing-cta-subtitle{font-size:var(--font-size-sm)}.landing-features-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.landing-feature-card{cursor:pointer}.landing-feature-card .landing-feature-header{margin-bottom:0}.landing-feature-chevron{color:var(--color-text-tertiary);display:block;flex-shrink:0;font-size:var(--font-size-md);margin-left:auto;transition:transform .2s ease}.landing-feature-card.expanded .landing-feature-chevron{transform:rotate(180deg)}.landing-feature-card .landing-feature-desc-wrap{display:none}.landing-feature-card.expanded .landing-feature-desc-wrap{animation:featureReveal .15s ease-out;display:block}.landing-feature-card .landing-feature-desc-wrap .landing-feature-desc{margin:var(--spacing-sm) 0 0 0}.landing-feature-card.expanded .landing-feature-desc-wrap .landing-feature-desc{margin-top:var(--spacing-sm)}.landing-feature-card.expanded{border-left-color:initial}.landing-feature-card.expanded[data-color=primary]{border-left-color:var(--color-primary)}.landing-feature-card.expanded[data-color=success]{border-left-color:var(--color-success)}.landing-feature-card.expanded[data-color=warning]{border-left-color:var(--color-warning)}.landing-feature-card.expanded[data-color=danger]{border-left-color:var(--color-danger)}.landing-feature-card.expanded[data-color=info]{border-left-color:var(--color-info)}.landing-feature-card.expanded[data-color=purple]{border-left-color:#8b5cf6}}@media (max-width:480px){.landing-hero{padding:var(--spacing-lg) var(--spacing-sm)}.landing-hero-badge{font-size:.65rem}.landing-section-inner{padding:var(--spacing-xl) var(--spacing-sm)}.landing-benefit-card,.landing-feature-card{padding:var(--spacing-lg)}.landing-step{max-width:100%}.landing-btn-primary.large{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg)}}@media (prefers-reduced-motion:reduce){.landing-hero-badge,.landing-hero:before{animation:none}.landing-hero-title{animation:none;background-size:100% auto}.landing-bounce-arrow,.landing-hero-carousel-card.slide-in,.landing-hero-carousel-card.slide-out,.landing-hero-carousel-icon.active{animation:none}.landing-hero-carousel-card.slide-in{filter:none;opacity:1;transform:none}.landing-cta .landing-btn-primary{animation:none}.landing-feature-card,.landing-screenshots-slide{transition:none}}@keyframes featureReveal{0%{opacity:0}to{opacity:1}}.about-hero{background:var(--color-bg-secondary);border-bottom:var(--border-thin) solid var(--color-border-light);overflow:hidden;padding:var(--spacing-3xl) var(--spacing-lg);position:relative;text-align:center}.about-hero:before{animation:aboutHeroBgShift 8s ease-in-out infinite alternate;background:radial-gradient(ellipse at 30% 0,var(--color-primary-light) 0,#0000 50%),radial-gradient(ellipse at 70% 100%,var(--color-info-bg) 0,#0000 50%);content:"";inset:0;opacity:.4;pointer-events:none;position:absolute;z-index:0}@keyframes aboutHeroBgShift{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(-2%,2%)}}.about-hero-inner{margin:0 auto;max-width:var(--container-lg);position:relative;z-index:1}.about-hero-title{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-info) 25%,var(--color-primary) 50%,var(--color-info) 75%,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:clamp(var(--font-size-2xl),4vw,3rem);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;-webkit-text-fill-color:#0000;animation:aboutTitleShimmer 4s linear infinite}@keyframes aboutTitleShimmer{0%{background-position:0}to{background-position:200%}}.about-hero-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0 auto;max-width:40rem}.about-section-inner{margin:0 auto;max-width:var(--container-lg);padding:var(--spacing-3xl) var(--spacing-lg)}.about-story{background:var(--color-bg-primary)}.about-story-content{margin:0 auto;max-width:42rem}.about-story-title{color:var(--color-text-primary);font-size:clamp(var(--font-size-xl),4vw,var(--font-size-2xl));font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0;text-align:center}.about-story-text{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md) 0}.about-values{background:var(--color-bg-secondary)}.about-values-title{color:var(--color-text-primary);font-size:clamp(var(--font-size-xl),4vw,var(--font-size-2xl));font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2xl) 0;text-align:center}.about-values-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.about-value-card{background:var(--color-bg-primary);border:var(--border-thin) solid var(--color-border-light);border-left:3px solid #0000;border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.about-value-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.about-value-card[data-color=primary]:hover{border-left-color:var(--color-primary)}.about-value-card[data-color=danger]:hover{border-left-color:var(--color-danger)}.about-value-card[data-color=success]:hover{border-left-color:var(--color-success)}.about-value-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-xl);height:3.5rem;justify-content:center;margin-bottom:var(--spacing-md);width:3.5rem}.about-value-card[data-color=danger] .about-value-icon{background:var(--color-danger-bg);color:var(--color-danger)}.about-value-card[data-color=success] .about-value-icon{background:var(--color-success-bg);color:var(--color-success)}.about-value-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.about-value-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.about-quebec{background:var(--color-bg-primary)}.about-quebec-title{color:var(--color-text-primary);font-size:clamp(var(--font-size-xl),4vw,var(--font-size-2xl));font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0;text-align:center}.about-quebec-text{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 auto var(--spacing-md);max-width:42rem;text-align:center}.about-cta{border-top:var(--border-thin) solid var(--color-border-light);overflow:hidden;position:relative}.about-cta:before{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-bg-tertiary) 40%,var(--color-bg-tertiary) 60%,var(--color-info-bg) 100%);content:"";inset:0;opacity:.6;position:absolute;z-index:0}.about-cta-inner{position:relative;text-align:center;z-index:1}.about-cta-title{color:var(--color-text-primary);font-size:clamp(var(--font-size-xl),4vw,var(--font-size-2xl));font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.about-cta-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0 0 var(--spacing-xl) 0}.about-cta-btn{align-items:center;animation:aboutCtaGlow 2.5s ease-in-out infinite;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-md);color:var(--color-primary-text);display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);text-decoration:none;transition:all var(--transition-fast)}@keyframes aboutCtaGlow{0%,to{box-shadow:0 0 12px var(--color-primary-light)}50%{box-shadow:0 0 28px var(--color-primary-light),0 0 48px rgba(var(--color-primary-rgb,59,130,246),.2)}}.about-cta-btn:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary));box-shadow:0 0 36px var(--color-primary-light);color:var(--color-primary-text);transform:translateY(-2px) scale(1.03)}@media (max-width:768px){.about-hero{padding:var(--spacing-xl) var(--spacing-md)}.about-values-grid{grid-template-columns:1fr}.about-section-inner{padding:var(--spacing-xl) var(--spacing-md)}.about-hero-subtitle{font-size:var(--font-size-sm)}.about-cta-btn{justify-content:center;min-height:2.75rem;width:100%}.about-cta-subtitle{font-size:var(--font-size-sm)}}@media (max-width:480px){.about-hero{padding:var(--spacing-lg) var(--spacing-sm)}.about-section-inner{padding:var(--spacing-xl) var(--spacing-sm)}.about-value-card{padding:var(--spacing-lg)}.about-cta-btn{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg)}}.terms-page{background:var(--color-bg-primary)}.terms-header{background:var(--color-bg-secondary);border-bottom:var(--border-thin) solid var(--color-border);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.terms-header-inner{margin:0 auto;max-width:var(--container-lg)}.terms-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.terms-effective{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.terms-content{margin:0 auto;max-width:var(--container-lg);padding:var(--spacing-2xl) var(--spacing-lg)}.terms-content-inner{align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:16rem 1fr}.terms-toc{background:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:sticky;top:5rem}.terms-toc-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.05em;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.terms-toc-list{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.terms-toc-link{border-radius:var(--radius-sm);color:var(--color-text-secondary);display:block;font-size:var(--font-size-xs);line-height:var(--line-height-normal);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast)}.terms-toc-link:hover{background:var(--color-bg-hover);color:var(--color-primary)}.terms-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.terms-section{scroll-margin-top:5rem}.terms-section-title{border-bottom:var(--border-thin) solid var(--color-border-light);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.terms-section-body{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.terms-section-body p{margin:0 0 var(--spacing-sm) 0;white-space:pre-line}@media (max-width:768px){.terms-content-inner{grid-template-columns:1fr}.terms-toc{position:static}}.privacy-page{background:var(--color-bg-primary)}.privacy-header{background:var(--color-bg-secondary);border-bottom:var(--border-thin) solid var(--color-border);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.privacy-header-inner{margin:0 auto;max-width:var(--container-lg)}.privacy-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.privacy-effective{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.privacy-content{margin:0 auto;max-width:var(--container-lg);padding:var(--spacing-2xl) var(--spacing-lg)}.privacy-content-inner{margin:0 auto;max-width:48rem}.privacy-intro{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-xl) 0}.privacy-section{margin-bottom:var(--spacing-xl)}.privacy-section-title{border-bottom:var(--border-thin) solid var(--color-border-light);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.privacy-section-body{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.privacy-section-body p{margin:0 0 var(--spacing-sm) 0;white-space:pre-line}@media (max-width:768px){.privacy-content{padding:var(--spacing-lg)}}.contact-page{background:var(--color-bg-primary)}.contact-hero{background:var(--color-bg-secondary);border-bottom:var(--border-thin) solid var(--color-border-light);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.contact-hero-inner{margin:0 auto;max-width:var(--container-lg)}.contact-hero-title{color:var(--color-text-primary);font-size:clamp(var(--font-size-2xl),4vw,3rem);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.contact-hero-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0 auto;max-width:36rem}.contact-content{margin:0 auto;max-width:var(--container-lg);padding:var(--spacing-2xl) var(--spacing-lg)}.contact-content-inner{margin:0 auto;max-width:50rem}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-info-card{background:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base)}.contact-info-card:hover{box-shadow:var(--shadow-md)}.contact-info-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-xl);height:3rem;justify-content:center;margin-bottom:var(--spacing-md);width:3rem}.contact-info-title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.contact-info-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.contact-form-wrapper{background:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.contact-form-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-form-row{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.contact-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-form-group label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.contact-form-group :is(input,textarea){background:var(--color-input-bg);border:var(--input-border-width) solid var(--color-input-border);border-radius:var(--input-radius);box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:var(--input-font-size);padding:var(--input-padding-y) var(--input-padding-x);transition:all var(--transition-fast);width:100%}.contact-form-group :is(input:focus,textarea:focus){border-color:var(--color-input-focus-border);box-shadow:0 0 0 var(--border-thick) #007bff26;outline:none}.contact-form-group textarea{min-height:8rem;resize:vertical}.contact-form-error{background:var(--color-danger-bg);border:var(--border-thin) solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger-text);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.contact-submit-btn{align-items:center;align-self:flex-start;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-on-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);transition:all var(--transition-fast)}.contact-submit-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);color:var(--color-on-primary);transform:translateY(-1px)}.contact-success{padding:var(--spacing-2xl);text-align:center}.contact-success-icon{color:var(--color-success);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.contact-success h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0}.contact-success p{color:var(--color-text-secondary);margin:0}@media (max-width:768px){.contact-content-inner,.contact-form-row{grid-template-columns:1fr}}.garage-seo-page{background:var(--color-bg-primary);overflow-x:hidden}.garage-seo-section-inner{box-sizing:border-box;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg);width:min(100%,var(--container-xl))}.garage-seo-narrow{max-width:52rem}.garage-seo-hero{background:var(--color-bg-secondary);border-bottom:var(--border-thin) solid var(--color-border-light);overflow:hidden;position:relative}.garage-seo-hero:before{background:radial-gradient(ellipse at 15% 10%,var(--color-primary-light) 0,#0000 45%),radial-gradient(ellipse at 85% 80%,var(--color-info-bg) 0,#0000 45%);content:"";inset:0;opacity:.55;pointer-events:none;position:absolute}.garage-seo-hero-grid{align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);min-height:calc(85vh - 3.5rem);position:relative;z-index:1}.garage-seo-kicker,.garage-seo-section-heading span{background:var(--color-primary-light);border:var(--border-thin) solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase;width:fit-content}.garage-seo-hero h1{color:var(--color-text-primary);font-size:clamp(var(--font-size-2xl),5vw,3.75rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:var(--spacing-lg) 0 var(--spacing-md);max-width:48rem}:is(.garage-seo-cta,.garage-seo-hero,.garage-seo-intent,.garage-seo-section-heading) p{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.garage-seo-hero p{margin:0;max-width:42rem}.garage-seo-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.garage-seo-primary-btn,.garage-seo-secondary-btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;min-height:3rem;padding:var(--spacing-sm) var(--spacing-xl);text-decoration:none;transition:all var(--transition-fast)}.garage-seo-primary-btn{background:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-primary-text)}.garage-seo-primary-btn:hover{background:var(--color-primary-hover);color:var(--color-primary-text);transform:translateY(-.125rem)}.garage-seo-secondary-btn{background:var(--color-bg-primary);border:var(--border-thin) solid var(--color-border);color:var(--color-text-primary)}.garage-seo-secondary-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);transform:translateY(-.125rem)}.garage-seo-proof-panel{background:var(--color-bg-primary);border:var(--border-thin) solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.garage-seo-proof-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.garage-seo-proof-header span{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.garage-seo-proof-header strong{color:var(--color-text-primary);font-size:var(--font-size-lg)}.garage-seo-proof-panel ul{display:flex;flex-direction:column;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.garage-seo-proof-panel li{align-items:flex-start;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);line-height:var(--line-height-relaxed)}.garage-seo-proof-panel svg{color:var(--color-success);flex:0 0 auto;margin-top:var(--spacing-xs)}.garage-seo-differentiators,.garage-seo-intent,.garage-seo-related{background:var(--color-bg-primary)}.garage-seo-related-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr))}.garage-seo-related-card{background:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xl);text-decoration:none;transition:all var(--transition-fast)}.garage-seo-related-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-.125rem)}.garage-seo-related-kicker{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.garage-seo-related-card strong{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:var(--line-height-tight)}.garage-seo-related-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);margin-top:var(--spacing-xs)}:is(.garage-seo-cta,.garage-seo-faq,.garage-seo-intent) h2{color:var(--color-text-primary);font-size:clamp(var(--font-size-xl),4vw,var(--font-size-2xl));line-height:var(--line-height-tight);margin:0 0 var(--spacing-md)}.garage-seo-cta p,.garage-seo-intent p{margin:0}.garage-seo-faq,.garage-seo-features{background:var(--color-bg-secondary);border-bottom:var(--border-thin) solid var(--color-border-light);border-top:var(--border-thin) solid var(--color-border-light)}.garage-seo-section-heading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);margin:0 auto var(--spacing-2xl);max-width:46rem;text-align:center}.garage-seo-section-heading h2{color:var(--color-text-primary);font-size:clamp(var(--font-size-xl),4vw,var(--font-size-2xl));line-height:var(--line-height-tight);margin:0}.garage-seo-section-heading p{margin:0}.garage-seo-diff-grid,.garage-seo-feature-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr))}.garage-seo-diff,.garage-seo-feature{background:var(--color-bg-primary);border:var(--border-thin) solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-fast)}.garage-seo-diff:hover,.garage-seo-feature:hover{box-shadow:var(--shadow-md);transform:translateY(-.125rem)}.garage-seo-diff-icon,.garage-seo-feature-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-lg);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-lg);height:3rem;justify-content:center;margin-bottom:var(--spacing-md);width:3rem}.garage-seo-feature[data-color=info] .garage-seo-feature-icon{background:var(--color-info-bg);color:var(--color-info)}.garage-seo-feature[data-color=warning] .garage-seo-feature-icon{background:var(--color-warning-bg);color:var(--color-warning)}.garage-seo-feature[data-color=success] .garage-seo-feature-icon{background:var(--color-success-bg);color:var(--color-success)}.garage-seo-feature[data-color=danger] .garage-seo-feature-icon{background:var(--color-danger-bg);color:var(--color-danger)}.garage-seo-diff h3,.garage-seo-feature h3{color:var(--color-text-primary);font-size:var(--font-size-md);margin:0 0 var(--spacing-sm)}.garage-seo-diff p,.garage-seo-faq-item p,.garage-seo-feature p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.garage-seo-faq-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.garage-seo-faq-item{background:var(--color-bg-primary);border:var(--border-thin) solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg)}.garage-seo-faq-item summary{color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.garage-seo-faq-item p{padding-top:var(--spacing-md)}.garage-seo-cta{background:var(--color-bg-primary);overflow:hidden;position:relative}.garage-seo-cta:before{background:linear-gradient(135deg,var(--color-primary-light),var(--color-bg-tertiary),var(--color-info-bg));content:"";inset:0;opacity:.65;position:absolute}.garage-seo-cta-inner{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;text-align:center;z-index:1}.garage-seo-cta .garage-seo-primary-btn{margin-top:var(--spacing-md)}@media (max-width:900px){.garage-seo-diff-grid,.garage-seo-feature-grid,.garage-seo-hero-grid,.garage-seo-related-grid{grid-template-columns:1fr}.garage-seo-hero-grid{min-height:auto}}@media (max-width:768px){.garage-seo-section-inner{padding:var(--spacing-xl) var(--spacing-md)}.garage-seo-actions{flex-direction:column}.garage-seo-primary-btn,.garage-seo-secondary-btn{width:100%}.garage-seo-diff,.garage-seo-feature,.garage-seo-proof-panel,.garage-seo-related-card{padding:var(--spacing-lg)}}.blog-public{color:var(--color-text-primary);line-height:1.7;margin:0 auto;max-width:46rem;padding:var(--spacing-xl,2rem) var(--spacing-lg,1.25rem)}.blog-public__head{margin-bottom:var(--spacing-lg,1.5rem)}.blog-public h1{color:var(--color-text-primary);font-size:2rem;line-height:1.2;margin:.25rem 0 .5rem}.blog-public__intro,.blog-public__meta{color:var(--color-text-secondary)}.blog-public__meta{font-size:var(--font-size-sm,.9rem);margin:0 0 var(--spacing-md,1rem)}.blog-public__state{color:var(--color-text-secondary);padding:var(--spacing-lg,1.5rem) 0}.blog-public__crumbs{color:var(--color-text-secondary);font-size:var(--font-size-sm,.9rem);margin-bottom:var(--spacing-md,1rem)}.blog-public__crumbs a,.blog-public__list a{color:var(--color-primary);text-decoration:none}.blog-public__crumbs a:hover,.blog-public__list a:hover h2{text-decoration:underline}.blog-public__list{display:grid;gap:var(--spacing-md,1rem);list-style:none;margin:0;padding:0}.blog-public__item{align-items:flex-start;background:var(--color-bg-secondary,#fafafa);border:var(--border-thin,1px) solid var(--color-border);border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;gap:.35rem;padding:var(--spacing-lg,1.25rem);transition:box-shadow .15s ease,border-color .15s ease}.blog-public__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md,0 4px 14px #00000014)}.blog-public__list a{display:block;width:100%}.blog-public__item h2{font-size:1.35rem;line-height:1.3;margin:0}.blog-public__meta{color:var(--color-text-tertiary,#888);font-size:var(--font-size-sm,.85rem);margin:0}.blog-public__excerpt{color:var(--color-text-secondary);line-height:1.6;margin:0}.blog-public__hero{border-radius:var(--radius-lg,10px);height:auto;margin:0 0 var(--spacing-lg,1.5rem);width:100%}.blog-public__body{font-size:1.05rem}.blog-public__body :is(ol,ul){margin:var(--spacing-md,1rem) 0;padding-left:1.6rem}.blog-public__body li{background:none;border:none;border-radius:0;display:list-item;margin:.4rem 0;padding:0}.blog-public__body ul>li{list-style:disc outside}.blog-public__body ol>li{list-style:decimal outside}.blog-public__body :is(ol,ul) ul>li{list-style:circle outside}.blog-public__body li::marker{color:var(--color-text-secondary)}.blog-public__body :is(h2,h3){color:var(--color-text-primary);margin-top:var(--spacing-xl,2rem)}.blog-public__body a{color:var(--color-primary)}.blog-public__body img{border-radius:var(--radius-md,8px);height:auto;max-width:100%}.blog-public__body pre{background:var(--color-bg-tertiary);border-radius:var(--radius-md,8px);overflow:auto;padding:var(--spacing-md,1rem)}.blog-public__body code{background:var(--color-bg-tertiary);border-radius:var(--radius-sm,4px);padding:.1em .35em}.blog-public__body blockquote{border-left:3px solid var(--color-border);color:var(--color-text-secondary);margin:var(--spacing-md,1rem) 0;padding-left:var(--spacing-md,1rem)}.blog-public__tags{margin-top:var(--spacing-lg,1.5rem)}.blog-public__tags span{background:var(--color-bg-tertiary);border-radius:999px;color:var(--color-text-secondary);display:inline-block;font-size:var(--font-size-xs,.8rem);margin:0 .25rem .25rem 0;padding:.15rem .6rem}.blog-public__related{margin-top:var(--spacing-2xl,2.5rem)}.blog-public__related h2{color:var(--color-text-primary);font-size:1.25rem;margin-bottom:var(--spacing-sm,.5rem)}.blog-public__related ul{margin:0;padding-left:1.6rem}.blog-public__related li{background:none;border:none;border-radius:0;display:list-item;list-style:disc outside;margin:.4rem 0;padding:0}.blog-public__related a{color:var(--color-primary)}.blog-public__faq{margin-top:var(--spacing-2xl,2.5rem)}.blog-public__faq details{border:var(--border-thin,1px) solid var(--color-border);border-radius:var(--radius-md,8px);margin-bottom:var(--spacing-sm,.5rem);padding:var(--spacing-sm,.75rem) var(--spacing-md,1rem)}.blog-public__faq summary{cursor:pointer;font-weight:var(--font-weight-semibold,600)}.blog-public__disclaimer{color:var(--color-text-tertiary,#888);font-size:var(--font-size-xs,.82rem);font-style:italic;line-height:1.55;padding-top:var(--spacing-md,1rem)}.blog-public__cta,.blog-public__disclaimer{border-top:var(--border-thin,1px) solid var(--color-border);margin-top:var(--spacing-2xl,2.5rem)}.blog-public__cta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm,.5rem) var(--spacing-lg,1.5rem);justify-content:space-between;padding-top:var(--spacing-lg,1.25rem)}.blog-public__cta-text{display:flex;flex-direction:column;gap:.15rem}.blog-public__cta-text strong{color:var(--color-text-primary);font-size:.95rem}.blog-public__cta-text span{color:var(--color-text-secondary);font-size:var(--font-size-sm,.85rem)}.blog-public__cta-btn{border:var(--border-thin,1px) solid var(--color-primary);border-radius:var(--radius-md,8px);color:var(--color-primary);display:inline-block;flex-shrink:0;font-size:var(--font-size-sm,.85rem);font-weight:var(--font-weight-semibold,600);padding:.4rem .95rem;text-decoration:none;transition:all var(--transition-fast,.2s ease);white-space:nowrap}.blog-public__cta-btn:hover{background:var(--color-primary);color:var(--color-primary-text,#fff)}@media (max-width:768px){.blog-public{padding:var(--spacing-lg,1.25rem) var(--spacing-md,1rem)}.blog-public h1{font-size:1.6rem}}.terms-acceptance-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:999}.terms-acceptance-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-width:28rem;overflow:hidden;width:90vw}.terms-acceptance-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-sm);text-align:center}.terms-acceptance-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.terms-acceptance-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.terms-acceptance-body{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl)}.terms-acceptance-link-wrapper{text-align:center}.terms-acceptance-view-link{background:none;border:none;color:var(--color-primary);cursor:pointer;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) 0;text-decoration:underline;transition:color var(--transition-fast)}.terms-acceptance-view-link:hover{background:none;color:var(--color-primary-hover);text-decoration:none}.terms-acceptance-error{background:var(--color-danger-bg);border:var(--border-thin) solid var(--color-danger-border);color:var(--color-danger-text);font-size:var(--font-size-sm);text-align:center}.terms-acceptance-checkbox-label,.terms-acceptance-error{border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);width:100%}.terms-acceptance-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);transition:background var(--transition-fast)}.terms-acceptance-checkbox-label:hover{background:var(--color-bg-hover)}.terms-acceptance-checkbox{accent-color:var(--color-primary);flex-shrink:0;height:var(--checkbox-size);width:var(--checkbox-size)}.terms-acceptance-checkbox-label span{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.4}.terms-acceptance-footer{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-xl)}.terms-acceptance-btn{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-on-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast);width:100%}.terms-acceptance-btn:hover:not(:disabled){background:var(--color-primary-hover)}.terms-acceptance-btn:disabled{cursor:not-allowed;opacity:.5}.terms-acceptance-logout{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:color var(--transition-fast)}.terms-acceptance-logout:hover{background:none;color:var(--color-danger-hover);text-decoration:underline}@media (max-width:768px){.terms-acceptance-modal{max-width:none;width:95vw}.terms-acceptance-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm)}.terms-acceptance-body{padding:0 var(--spacing-lg) var(--spacing-sm)}.terms-acceptance-footer{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}}.read-only-banner{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-md);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);position:sticky;top:0;z-index:1000}.read-only-banner--warning{background:var(--color-warning-bg);border-bottom:var(--border-thin) solid var(--color-warning-border);color:var(--color-warning-text)}.read-only-banner--error{background:var(--color-danger-bg);border-bottom:var(--border-thin) solid var(--color-danger-border);color:var(--color-danger-text)}.read-only-banner-button,.read-only-banner-text{font-weight:var(--font-weight-semibold)}.read-only-banner-button{border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md);transition:filter var(--transition-fast)}.read-only-banner--warning .read-only-banner-button{background:var(--color-warning);border:var(--border-thin) solid var(--color-warning-border);color:var(--color-warning-text)}.read-only-banner--error .read-only-banner-button{background:var(--color-danger);border:var(--border-thin) solid var(--color-danger-border);color:var(--color-danger-text,#fff)}.read-only-banner-button:hover{filter:brightness(.95)}.connection-status-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.connection-status-overlay.reconnecting .connection-status-content{background:var(--color-warning-bg,#fff3cd);border:2px solid var(--color-warning,#ffc107);color:var(--color-warning-text,#856404)}.connection-status-overlay.disconnected .connection-status-content{background:var(--color-danger-bg,#f8d7da);border:2px solid var(--color-danger,#dc3545);color:var(--color-danger-text,#721c24)}.connection-status-content{align-items:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-md);justify-content:center;max-width:90%;padding:var(--spacing-xl) var(--spacing-2xl);text-align:center}.connection-spinner{animation:spin 1s linear infinite;border:4px solid;border-radius:50%;border-top:4px solid #0000;height:40px;width:40px}.connection-icon{font-size:2.5rem}.route-fallback{align-items:center;background:var(--color-bg-primary,#fff);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:1rem;inset:0;justify-content:center;position:fixed;z-index:1}.route-fallback-brand{font-size:1.5rem;font-weight:700;letter-spacing:.02em}.route-fallback-glp{background:linear-gradient(180deg,#6b6b6b,#2a2a2a);-webkit-background-clip:text;background-clip:text;color:#0000}[data-theme=dark] .route-fallback-glp{background:linear-gradient(180deg,#f0f0f0,#888);-webkit-background-clip:text;background-clip:text;color:#0000}.route-fallback-pro{color:#3498db}.route-fallback-spinner{animation:route-fallback-spin .8s linear infinite;border:3px solid #3498db33;border-radius:50%;border-top-color:#3498db;height:2rem;width:2rem}@keyframes route-fallback-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.route-fallback-spinner{animation-duration:2s}}.chunk-error-overlay{align-items:center;backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.chunk-error-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:25rem;padding:var(--spacing-2xl);text-align:center;width:90%}.chunk-error-icon{color:var(--color-warning);margin-bottom:var(--spacing-lg)}.chunk-error-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.chunk-error-message{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-lg) 0}.chunk-error-button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-primary-text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-xl);transition:background var(--transition-fast)}.chunk-error-button:hover{background:var(--color-primary-hover)}.chunk-error-button:focus{box-shadow:0 0 0 var(--border-thick) var(--color-primary-light);outline:none}.update-modal-overlay{align-items:center;backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.update-modal{animation:modalSlideIn .3s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:25rem;padding:var(--spacing-2xl);text-align:center;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.update-modal-icon{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.update-modal-icon .spin{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.update-modal-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.update-modal-message{color:var(--color-text-primary);font-size:var(--font-size-base);margin:0 0 var(--spacing-sm) 0}.update-modal-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:0}.update-modal-notes{border-top:var(--border-thin) solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);text-align:left}.update-modal-notes h3{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.update-modal-notes ul{margin:0;padding-left:var(--spacing-lg)}.update-modal-notes li{color:var(--color-text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.maintenance-modal-overlay{align-items:center;backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.maintenance-modal{animation:maintenanceModalSlideIn .3s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:25rem;padding:var(--spacing-2xl);text-align:center;width:90%}@keyframes maintenanceModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.maintenance-modal-icon{color:var(--color-warning);margin-bottom:var(--spacing-lg)}.maintenance-modal-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.maintenance-modal-message{color:var(--color-text-primary);font-size:var(--font-size-base);margin:0 0 var(--spacing-sm) 0}.maintenance-modal-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:0}.confirmation-modal-overlay{align-items:flex-start;animation:fadeIn var(--transition-fast);background-color:var(--color-overlay);display:flex;height:100%;justify-content:center;left:0;padding-top:var(--spacing-2xl);position:fixed;top:0;width:100%;z-index:var(--z-popover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal{animation:slideIn var(--transition-base);background-color:var(--color-modal-bg);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);max-width:40rem;min-width:28rem;padding:var(--spacing-xl);z-index:var(--z-tooltip)}.confirmation-modal:has(.mileage-prompt-content),.confirmation-modal:has(.notes-modal-content){max-width:500px;min-width:350px;width:90vw}@media (min-width:1024px) and (pointer:fine){.confirmation-modal:has(.mileage-prompt-content){max-width:26rem;min-width:0;padding:var(--spacing-lg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}.confirmation-modal-message{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg)}.confirmation-modal-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-end}.confirmation-modal-confirm-button{background-color:var(--color-danger);border:none;border-radius:var(--radius-sm);color:var(--color-on-danger);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.confirmation-modal-confirm-button.warning{background-color:var(--color-warning);color:var(--color-text-primary)}.confirmation-modal-confirm-button.success{background-color:var(--color-success);color:var(--color-on-success)}.confirmation-modal-confirm-button:hover:not(:disabled){background-color:var(--color-danger-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.confirmation-modal-confirm-button.warning:hover:not(:disabled){background-color:var(--color-warning-hover)}.confirmation-modal-confirm-button.success:hover:not(:disabled){background-color:var(--color-success-hover)}.confirmation-modal-confirm-button:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.confirmation-modal-confirm-button:disabled{cursor:not-allowed;opacity:.6}.confirmation-modal-cancel-button{background-color:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.confirmation-modal-cancel-button:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.confirmation-modal-cancel-button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.confirmation-modal-cancel-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.confirmation-modal{margin:var(--spacing-md);max-width:calc(100% - var(--spacing-md)*2);min-width:auto}.confirmation-modal-buttons{flex-direction:column-reverse}.confirmation-modal-cancel-button,.confirmation-modal-confirm-button{font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);width:100%}}.kiosk-code-wrapper{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100dvh}.kiosk-code-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex:1;font-size:var(--font-size-lg);justify-content:center}.kiosk-code-header{align-items:center;background:var(--color-bg-secondary);border-bottom:var(--border-thin) solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.kiosk-business-info h1{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.kiosk-location-name{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin-top:var(--spacing-xs)}.kiosk-device-name{background:var(--color-info-bg);border:var(--border-thin) solid var(--color-info-border);border-radius:var(--radius-md);color:var(--color-info-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);left:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);position:absolute;top:var(--spacing-lg)}.kiosk-header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.kiosk-icon-btn{align-items:center;background:var(--color-bg-tertiary);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;display:flex;gap:var(--spacing-xs);height:var(--btn-min-height);padding:var(--spacing-sm);transition:all var(--transition-fast)}.kiosk-icon-btn:hover{background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.kiosk-icon-label,.kiosk-logout-btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.kiosk-logout-btn{align-items:center;background:var(--color-bg-tertiary);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;display:flex;gap:var(--spacing-xs);height:var(--btn-min-height);padding:var(--spacing-sm);transition:all var(--transition-fast)}.kiosk-logout-btn:hover{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.kiosk-code-container{align-items:center;display:flex;flex:1;justify-content:center;padding:var(--spacing-xl);position:relative}.kiosk-code-entry{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:25rem;width:100%}.kiosk-code-display{text-align:center;width:100%}.kiosk-code-label{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.kiosk-code-label svg{color:var(--color-primary)}.kiosk-code-dots{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-md)}.kiosk-code-dot{background:var(--color-bg-secondary);border:var(--border-base) solid var(--color-border);border-radius:50%;height:1.25rem;transition:all var(--transition-fast);width:1.25rem}.kiosk-code-dot.filled{background:var(--color-primary);border-color:var(--color-primary)}.kiosk-code-error{align-items:center;background:var(--color-danger-light);border-radius:var(--radius-md);color:var(--color-danger);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.kiosk-code-error.lockout{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.kiosk-lockout-timer{color:var(--color-danger);font-family:monospace;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.kiosk-keypad{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,minmax(0,1fr));max-width:20rem;transition:opacity var(--transition-fast);width:100%}.kiosk-keypad.disabled{opacity:.4;pointer-events:none}.kiosk-key{align-items:center;background:var(--color-bg-secondary);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);justify-content:center;min-height:4.375rem;min-width:0;padding:var(--spacing-lg) var(--spacing-sm);transition:all var(--transition-fast)}.kiosk-key:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-primary)}.kiosk-key:active:not(:disabled){transform:scale(.95)}.kiosk-key:disabled{cursor:not-allowed;opacity:.5}.kiosk-key.action{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kiosk-key.action svg{height:1.5rem;width:1.5rem}.kiosk-submit-btn{background:var(--color-primary);border:none;border-radius:var(--radius-lg);color:var(--color-on-primary);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);max-width:20rem;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast);width:100%}.kiosk-submit-btn:hover:not(:disabled){background:var(--color-primary-hover)}.kiosk-submit-btn:disabled{cursor:not-allowed;opacity:.5}.kiosk-authenticating{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--spacing-md);text-align:center}@media (max-width:480px){.kiosk-code-header{padding:var(--spacing-md)}.kiosk-business-info h1{font-size:var(--font-size-lg)}.kiosk-code-container{padding:var(--spacing-md)}.kiosk-key{font-size:var(--font-size-lg);min-height:3.75rem;padding:var(--spacing-md) var(--spacing-sm)}}.kiosk-code-wrapper .confirmation-modal-buttons{gap:var(--spacing-lg)}.kiosk-code-wrapper :is(.confirmation-modal-cancel-button,.confirmation-modal-confirm-button){border-radius:var(--radius-md);font-size:var(--font-size-lg);min-height:3.5rem;min-width:8.75rem;padding:var(--spacing-md) var(--spacing-xl)}.kiosk-session-wrapper{display:flex;flex-direction:column;min-height:100dvh}.kiosk-session-content{display:flex;flex:1;flex-direction:column}