@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--cobalt:#2656a8;--cobalt-deep:#1e4a8f;--cobalt-light:#3a6bba;--cream:#ebe7e0;--cream-dark:#ddd8cf;--paper:#f5f3ef;--white:#fff;--color-primary:#2656a8;--color-primary-hover:#1e4a8f;--color-primary-light:#3a6bba;--color-background:#ebe7e0;--color-surface:#fff;--color-surface-hover:#f5f3ef;--color-surface-elevated:#fff;--color-text:#2656a8;--color-text-secondary:#4a7ac4;--color-text-muted:#7a9fd4;--color-text-on-primary:#fff;--color-success:#2e7d5a;--color-success-light:#e8f2ed;--color-warning:#b8860b;--color-warning-light:#faf5e6;--color-danger:#b83232c4;--color-danger-light:#faeaea;--color-border:#ddd8cf;--color-border-subtle:#e8e4dc;--signature-line:3px solid var(--color-primary);--font-display:"Nunito",-apple-system,sans-serif;--font-body:"Nunito",-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--weight-regular:400;--weight-medium:600;--weight-bold:700;--weight-black:800;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:100px;--shadow-sm:0 1px 3px #2656a80f;--shadow-md:0 4px 12px #2656a814;--shadow-lg:0 8px 24px #2656a81f;--shadow-card:0 2px 8px #2656a80f,0 0 0 1px #2656a80a;--transition-fast:120ms ease-out;--transition-base:200ms ease-out;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background-color:#ebe7e0;background-color:var(--color-background);color:#2656a8;color:var(--color-text);font-family:Nunito,-apple-system,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:400;font-weight:var(--weight-regular);line-height:1.6;min-height:100vh}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.025;pointer-events:none;position:fixed;z-index:-1}h1,h2,h3,h4,h5,h6,input,select,textarea{color:#2656a8;color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:Nunito,-apple-system,sans-serif;font-family:var(--font-display);font-weight:700;font-weight:var(--weight-bold);line-height:1.2}h1{font-size:2rem;font-weight:800;font-weight:var(--weight-black)}h2{font-size:1.5rem}h3{font-size:1.25rem}.page-header h1:after,h1:after{background:#2656a8;background:var(--color-primary);content:"";display:block;height:3px;margin-top:.5rem;margin-top:var(--space-sm);max-width:200px;width:100%}a{color:#2656a8;color:var(--color-primary);font-weight:600;font-weight:var(--weight-medium);text-decoration:none}a:hover{color:#1e4a8f;color:var(--color-primary-hover)}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{background:#2656a8;background:var(--color-primary);justify-content:space-between;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);position:-webkit-sticky;position:sticky;top:0;z-index:200;z-index:var(--z-sticky)}.nav-brand,.navbar,.navbar-logo-container{align-items:center;display:flex}.navbar-logo-container{gap:.5rem;gap:var(--space-sm)}.navbar-logo-image{filter:brightness(0) invert(1);height:40px;width:auto}.beta-label{align-self:center;color:#ffffffbf;font-family:inherit;font-size:.75rem;font-style:italic;letter-spacing:.5px;margin-left:6px}.nav-links{align-items:center;display:flex;gap:.25rem;gap:var(--space-xs);list-style:none}.nav-links a{border-radius:100px;border-radius:var(--radius-pill);color:#ffffffe6;font-size:.9375rem;font-weight:600;font-weight:var(--weight-medium);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .12s ease-out;transition:all var(--transition-fast)}.nav-links a:hover,.navbar .btn-secondary{background:#ffffff26;color:#fff;color:var(--white)}.navbar .btn-secondary{border:2px solid #ffffff4d;font-weight:700;font-weight:var(--weight-bold)}.navbar .btn-secondary:hover{background:#fff;background:var(--white);border-color:#fff;border-color:var(--white);color:#2656a8;color:var(--color-primary)}.nav-hamburger{background:none;border:none;color:#fff;color:var(--white);cursor:pointer;display:none;padding:.5rem;padding:var(--space-sm)}.nav-hamburger span{background:#fff;background:var(--white);border-radius:2px;display:block;height:2px;margin:5px 0;transition:all .3s ease;width:24px}.nav-hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.status-badge{letter-spacing:.03em}.status-badge.paid{background:#2ecc711f;color:#1a8a4a}.status-badge.unpaid{background:#f39c121f;color:#b87a00}.status-badge.overdue{background:#e74c3c1f;color:#c0392b}.confirm-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.confirm-dialog{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003;max-width:400px;padding:2rem;padding:var(--space-xl);text-align:center;width:90%}.confirm-dialog h3{color:#2656a8;color:var(--color-text);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.confirm-dialog p{color:#4a7ac4;color:var(--color-text-secondary);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.confirm-dialog .confirm-buttons{display:flex;gap:1rem;gap:var(--space-md);justify-content:center}.shifts-table-container{background:#fff;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #2656a80f,0 0 0 1px #2656a80a;box-shadow:var(--shadow-card);overflow-x:auto}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:3rem 2rem;padding:var(--space-2xl) var(--space-xl);width:100%}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:3rem;margin-bottom:var(--space-2xl)}.page-header h1{margin-bottom:0}.page-header-text{display:flex;flex-direction:column}.page-subtitle{color:#4a7ac4;color:var(--color-text-secondary);font-size:.9375rem;margin-bottom:0;margin-top:.25rem;margin-top:var(--space-xs)}.page-header h1:after{margin-top:1rem;margin-top:var(--space-md)}.btn{align-items:center;border:none;border-radius:100px;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:Nunito,-apple-system,sans-serif;font-family:var(--font-body);font-size:.9375rem;font-weight:700;font-weight:var(--weight-bold);gap:.5rem;gap:var(--space-sm);justify-content:center;line-height:1;padding:.75rem 1.75rem;text-decoration:none;transition:all .12s ease-out;transition:all var(--transition-fast)}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#2656a8;background:var(--color-primary);color:#fff;color:var(--white)}.btn-primary:hover:not(:disabled){background:#1e4a8f;background:var(--color-primary-hover);box-shadow:0 4px 12px #2656a814;box-shadow:var(--shadow-md)}.btn-secondary{background:#0000;border:2px solid #2656a8;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:#2656a8;background:var(--color-primary);color:#fff;color:var(--white)}.btn-success{background:#2e7d5a;background:var(--color-success);color:#fff;color:var(--white)}.btn-success:hover:not(:disabled){background:#256b4d}.btn-danger,.btn-delete{background:#b83232c4;background:var(--color-danger);color:#fff;color:var(--white)}.btn-danger:hover:not(:disabled),.btn-delete:hover:not(:disabled){background:#9a2a2a}.btn-info,.btn-view{background:#3a6bba;background:var(--color-primary-light);color:#fff;color:var(--white)}.btn-info:hover:not(:disabled),.btn-view:hover:not(:disabled){background:#2656a8;background:var(--color-primary)}.btn-edit{background:#b8860b;background:var(--color-warning);color:#fff;color:var(--white)}.btn-edit:hover:not(:disabled){background:#9a7209}.btn-small{font-size:.8125rem;padding:.5rem 1rem}.btn-block{width:100%}.btn-link{background:none;border:none;color:#2656a8;color:var(--color-primary);cursor:pointer;font-weight:700;font-weight:var(--weight-bold);padding:0;text-decoration:underline;text-underline-offset:3px}.btn-link:hover{color:#1e4a8f;color:var(--color-primary-hover)}.btn-close{align-items:center;background:none;border:none;border-radius:0;color:#888;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:44px;justify-content:center;line-height:1;width:44px}.btn-close:hover{color:#555}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.form-group label{color:#2656a8;color:var(--color-primary);display:block;font-size:.875rem;font-weight:700;font-weight:var(--weight-bold);letter-spacing:.03em;margin-bottom:.5rem;margin-bottom:var(--space-sm);text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--color-surface);border:2px solid #ddd8cf;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#2656a8;color:var(--color-text);font-family:Nunito,-apple-system,sans-serif;font-family:var(--font-body);font-size:1rem;padding:.875rem 1rem;transition:all .12s ease-out;transition:all var(--transition-fast);width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#3a6bba;border-color:var(--color-primary-light)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2656a8;border-color:var(--color-primary);box-shadow:0 0 0 3px #2656a826;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#7a9fd4;color:var(--color-text-muted)}.form-row{grid-gap:1rem;grid-gap:var(--space-md);display:grid;gap:1rem;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-actions{border-top:3px solid #2656a8;border-top:var(--signature-line);gap:var(--space-md);margin-top:var(--space-xl);padding-top:1.5rem;padding-top:var(--space-lg)}.card,.client-card,.client-form-container,.dashboard-section,.invoice-form,.invoice-form-container,.invoice-preview,.quick-actions,.service-card,.settings-section,.shift-form-container,.shifts-table,.stat-card{background:#fff;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #2656a80f,0 0 0 1px #2656a80a;box-shadow:var(--shadow-card);transition:all .2s ease-out;transition:all var(--transition-base)}.dashboard h1{margin-bottom:2rem;margin-bottom:var(--space-xl)}.stats-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(4,1fr);margin-bottom:3rem;margin-bottom:var(--space-2xl)}.stat-card{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:var(--space-lg);position:relative}.stat-card:before{background:#0000;border-radius:0 0 2px 2px;content:"";height:3px;left:1.5rem;left:var(--space-lg);position:absolute;right:1.5rem;right:var(--space-lg);top:0}.stat-card h3{color:#7a9fd4;color:var(--color-text-muted);font-size:.6875rem;font-weight:700;font-weight:var(--weight-bold);letter-spacing:.1em;margin-bottom:.5rem;margin-bottom:var(--space-sm);text-transform:uppercase}.stat-value{color:#2656a8;color:var(--color-primary);font-size:2.5rem;font-weight:800;font-weight:var(--weight-black);line-height:1;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.stat-subtitle{color:#7a9fd4;color:var(--color-text-muted);font-size:.8125rem}.stat-link{align-items:center;color:#2656a8;color:var(--color-primary);display:inline-flex;font-size:.875rem;font-weight:700;font-weight:var(--weight-bold);gap:.25rem;gap:var(--space-xs);margin-top:.5rem;margin-top:var(--space-sm)}.dashboard-section{margin-bottom:2rem;margin-bottom:var(--space-xl);padding:2rem;padding:var(--space-xl)}.dashboard-section h2{border-bottom:3px solid #2656a8;border-bottom:var(--signature-line);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding-bottom:1rem;padding-bottom:var(--space-md)}.recent-shifts-list{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg)}.shift-item{grid-gap:1rem;grid-gap:var(--space-md);background:#f5f3ef;background:var(--color-surface-hover);border-left:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:grid;gap:1rem;gap:var(--space-md);grid-template-columns:160px 1fr 2fr 120px;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .12s ease-out;transition:all var(--transition-fast)}.shift-item:hover{background:#ebe7e0;background:var(--color-background);transform:translateX(4px)}.shift-date{color:#2656a8;color:var(--color-primary);font-weight:700;font-weight:var(--weight-bold)}.shift-client{color:#4a7ac4;color:var(--color-text-secondary);font-weight:600;font-weight:var(--weight-medium)}.shift-details{color:#7a9fd4;color:var(--color-text-muted);font-size:.875rem}.shift-amount{color:#2e7d5a;color:var(--color-success);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-weight:800;font-weight:var(--weight-black);text-align:right}.quick-actions{padding:2rem;padding:var(--space-xl)}.quick-actions h2{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.action-buttons{flex-wrap:wrap;gap:1rem;gap:var(--space-md)}.empty-state{color:#7a9fd4;color:var(--color-text-muted);padding:4rem 2rem;padding:var(--space-3xl) var(--space-xl)}.empty-state p{font-size:1.0625rem;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.client-form-container,.shift-form-container{margin-bottom:2rem;margin-bottom:var(--space-xl);padding:2rem;padding:var(--space-xl)}.clients-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.client-card{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;padding:var(--space-lg);position:relative}.client-card:before{background:#0000;border-radius:0 0 2px 2px;content:"";height:3px;left:1.5rem;left:var(--space-lg);position:absolute;right:1.5rem;right:var(--space-lg);top:0}.client-card:hover{box-shadow:0 8px 24px #2656a81f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.client-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-md)}.client-header h3{font-weight:800;font-weight:var(--weight-black)}.status-badge{border-radius:100px;border-radius:var(--radius-pill);display:inline-flex;font-size:.6875rem;font-weight:700;font-weight:var(--weight-bold);letter-spacing:.05em;padding:.25rem .875rem}.status-badge.active{background:#e8f2ed;background:var(--color-success-light);color:#2e7d5a;color:var(--color-success)}.status-badge.inactive{background:#faeaea;background:var(--color-danger-light);color:#b83232c4;color:var(--color-danger)}.status-badge.completed{background:#e8f2ed;background:var(--color-success-light);color:#2e7d5a;color:var(--color-success)}.status-badge.scheduled{background:#faf5e6;background:var(--color-warning-light);color:#b8860b;color:var(--color-warning)}.status-badge.cancelled{background:#faeaea;background:var(--color-danger-light);color:#b83232c4;color:var(--color-danger)}.client-details{margin-bottom:1rem;margin-bottom:var(--space-md)}.client-details p{color:#4a7ac4;color:var(--color-text-secondary);font-size:.875rem;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.client-actions{border-top:2px solid #e8e4dc;border-top:2px solid var(--color-border-subtle);display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm);padding-top:1rem;padding-top:var(--space-md)}.client-actions .btn-small{flex:1 1 calc(50% - 0.25rem);flex:1 1 calc(50% - var(--space-xs));min-width:80px;text-align:center}.client-popup-tabs{border-bottom:2px solid #e8e4dc;border-bottom:2px solid var(--color-border-subtle);display:flex;gap:0;margin-bottom:1.5rem}.client-popup-tab{background:none;border:none;border-bottom:3px solid #0000;color:#4a7ac4;color:var(--color-text-secondary);cursor:pointer;font-size:.95rem;font-weight:700;font-weight:var(--weight-bold);margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s}.client-popup-tab:hover{color:#2656a8;color:var(--color-text)}.client-popup-tab.active{border-bottom-color:#2656a8;border-bottom-color:var(--color-primary);color:#2656a8;color:var(--color-primary)}.service-search{position:relative}.recently-used-services{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-md)}.recently-used-label{color:#7a9fd4;color:var(--color-text-muted)}.btn-recently-used,.recently-used-label{font-size:.8125rem;font-weight:700;font-weight:var(--weight-bold)}.btn-recently-used{background:#f5f3ef;background:var(--color-surface-hover);border:2px solid #2656a8;border:2px solid var(--color-primary);border-radius:100px;border-radius:var(--radius-pill);color:#2656a8;color:var(--color-primary);cursor:pointer;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .12s ease-out;transition:all var(--transition-fast)}.btn-recently-used:hover{background:#2656a8;background:var(--color-primary);color:#fff;color:var(--white)}.search-results{border:2px solid #ddd8cf;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 8px 24px #2656a81f;box-shadow:var(--shadow-lg);max-height:400px;z-index:100;z-index:var(--z-dropdown)}.search-result-item{padding:var(--space-md);transition:all .12s ease-out;transition:all var(--transition-fast)}.search-result-item:hover{background:#f5f3ef;background:var(--color-surface-hover)}.result-code{color:#2656a8;color:var(--color-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.8125rem;font-weight:700;font-weight:var(--weight-bold)}.result-code,.result-description{margin-bottom:.25rem;margin-bottom:var(--space-xs)}.result-description{color:#2656a8;color:var(--color-text)}.result-price{color:#2e7d5a;color:var(--color-success);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-weight:700;font-weight:var(--weight-bold)}.no-results,.shift-summary{padding:1.5rem;padding:var(--space-lg)}.shift-summary{background:#f5f3ef;background:var(--color-surface-hover);border-left:3px solid #2656a8;border-left:3px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-md);margin-top:1.5rem;margin-top:var(--space-lg)}.shift-summary h3{border-bottom:3px solid #2656a8;border-bottom:var(--signature-line);font-size:1rem;margin-bottom:1rem;margin-bottom:var(--space-md);padding-bottom:.5rem;padding-bottom:var(--space-sm)}.summary-row{color:#4a7ac4;color:var(--color-text-secondary);display:flex;justify-content:space-between;padding:.5rem 0;padding:var(--space-sm) 0}.summary-row.total{border-top:3px solid #2656a8;border-top:var(--signature-line);color:#2656a8;color:var(--color-primary);font-size:1.25rem;font-weight:800;font-weight:var(--weight-black);margin-top:.5rem;margin-top:var(--space-sm);padding-top:1rem;padding-top:var(--space-md)}.shifts-table{overflow-x:auto;padding:0}.shifts-table table{border-collapse:collapse;width:100%}.shifts-table td,.shifts-table th{border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--color-border-subtle);padding:1rem;padding:var(--space-md);text-align:left}.shifts-table th{background:#2656a8;background:var(--color-primary);color:#fff;color:var(--white);font-size:.75rem;font-weight:700;font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase}.shifts-table th:first-child{border-radius:8px 0 0 0;border-radius:var(--radius-md) 0 0 0}.shifts-table th:last-child{border-radius:0 8px 0 0;border-radius:0 var(--radius-md) 0 0}.shifts-table tbody tr{transition:background-color .12s ease-out;transition:background-color var(--transition-fast)}.shifts-table tbody tr:hover{background:#f5f3ef;background:var(--color-surface-hover)}.shifts-table .service-cell{max-width:300px}.shifts-table .service-cell small{color:#2656a8;color:var(--color-primary);display:block;font-size:.75rem;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.shifts-table .amount,.shifts-table .service-cell small{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono)}.shifts-table .amount{color:#2e7d5a;color:var(--color-success);font-weight:700;font-weight:var(--weight-bold)}.services-filters{align-items:flex-end;background:#fff;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #2656a80f,0 0 0 1px #2656a80a;box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:1.5rem;padding:var(--space-lg)}.search-bar{box-sizing:border-box;flex:1 1;max-width:100%;min-width:280px}.search-bar input{background:#f5f3ef;background:var(--color-surface-hover);border:2px solid #ddd8cf;border:2px solid var(--color-border);border-radius:100px;border-radius:var(--radius-pill);font-size:1rem;padding:.875rem 1rem;transition:all .12s ease-out;transition:all var(--transition-fast);width:100%}.search-bar input:focus{background:#fff;background:var(--color-surface);border-color:#2656a8;border-color:var(--color-primary);box-shadow:0 0 0 3px #2656a826}.category-filter{align-items:center;display:flex;gap:.5rem;gap:var(--space-sm)}.category-filter label{color:#2656a8;color:var(--color-primary);font-size:.875rem;font-weight:700;font-weight:var(--weight-bold)}.category-filter select{background:#f5f3ef;background:var(--color-surface-hover);border:2px solid #ddd8cf;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#2656a8;color:var(--color-text);font-size:1rem;padding:.875rem 1rem}.services-count{color:#7a9fd4;color:var(--color-text-muted);font-size:.875rem;font-weight:600;font-weight:var(--weight-medium);margin-bottom:1rem;margin-bottom:var(--space-md)}.services-list{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.service-card{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;padding:var(--space-lg);position:relative}.service-card:before{background:#0000;border-radius:0 0 2px 2px;content:"";height:3px;left:1.5rem;left:var(--space-lg);position:absolute;right:1.5rem;right:var(--space-lg);top:0}.service-card:hover{box-shadow:0 8px 24px #2656a81f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.service-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-md)}.service-code{color:#2656a8;color:var(--color-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.8125rem}.service-category,.service-code{font-weight:700;font-weight:var(--weight-bold)}.service-category{background:#2656a8;background:var(--color-primary);border-radius:100px;border-radius:var(--radius-pill);color:#fff;color:var(--white);font-size:.625rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.service-description{color:#2656a8;color:var(--color-text);line-height:1.5}.service-description,.service-details{margin-bottom:1rem;margin-bottom:var(--space-md)}.service-details{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm)}.detail-tag{background:#f5f3ef;background:var(--color-surface-hover);border-radius:100px;border-radius:var(--radius-pill);color:#2656a8;color:var(--color-primary);font-size:.75rem;font-weight:600;font-weight:var(--weight-medium);padding:.25rem .75rem}.service-pricing{border-top:3px solid #2656a8;border-top:var(--signature-line);display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-lg);padding-top:1rem;padding-top:var(--space-md)}.price-item{display:flex;flex-direction:column;gap:2px}.price-item span{color:#7a9fd4;color:var(--color-text-muted);font-size:.625rem;font-weight:700;font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}.price-item strong{color:#2e7d5a;color:var(--color-success);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:1rem;font-weight:800;font-weight:var(--weight-black)}.settings-section{margin-bottom:2rem;margin-bottom:var(--space-xl);padding:2rem;padding:var(--space-xl)}.settings-section h2{border-bottom:3px solid #2656a8;border-bottom:var(--signature-line);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding-bottom:1rem;padding-bottom:var(--space-md)}.settings-section h3{font-size:1rem;margin:2rem 0 1rem;margin:var(--space-xl) 0 var(--space-md)}.data-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md)}.help-text{font-size:.875rem;margin-top:1rem;margin-top:var(--space-md)}.save-indicator{align-items:center;color:#2e7d5a;color:var(--color-success);display:inline-flex;font-weight:700;font-weight:var(--weight-bold);gap:.5rem;gap:var(--space-sm)}.font-selector{margin-top:1rem;margin-top:var(--space-md)}.font-selector-dropdown{background:#f5f3ef;background:var(--color-surface-hover);border:2px solid #ddd8cf;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#2656a8;color:var(--color-text);font-size:1rem;max-width:400px;padding:.875rem 1rem;width:100%}.invoice-form,.invoice-form-container{margin-bottom:2rem;margin-bottom:var(--space-xl);padding:2rem;padding:var(--space-xl)}.invoice-form-container h2{margin-bottom:1.5rem;margin-bottom:var(--space-lg);margin-top:0}.invoice-preview{padding:2rem;padding:var(--space-xl)}.preview-header{align-items:center;border-bottom:3px solid #2656a8;border-bottom:var(--signature-line);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-xl);padding-bottom:1rem;padding-bottom:var(--space-md)}.invoice-document{background:#f5f3ef;background:var(--color-surface-hover);border:2px solid #ddd8cf;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);padding:2rem;padding:var(--space-xl)}.invoice-header-section{display:flex;justify-content:space-between}.invoice-document h1,.invoice-header-section{margin-bottom:2rem;margin-bottom:var(--space-xl)}.invoice-document h1{font-size:2rem}.invoice-document h1:after{max-width:120px}.invoice-details-section{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:1fr 1fr;margin-bottom:2rem;margin-bottom:var(--space-xl)}.client-info p,.invoice-meta p{color:#2656a8;color:var(--color-text);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.invoice-table{border-collapse:collapse;margin-bottom:2rem;margin-bottom:var(--space-xl);width:100%}.invoice-table td,.invoice-table th{border:1px solid #ddd8cf;border:1px solid var(--color-border);padding:.75rem;text-align:left}.invoice-table th{background:#2656a8;background:var(--color-primary);color:#fff;color:var(--white);font-weight:700;font-weight:var(--weight-bold)}.invoice-table .text-right{text-align:right}.invoice-footer{border-top:3px solid #2656a8;border-top:var(--signature-line);padding-top:2rem;padding-top:var(--space-xl)}.invoice-footer p{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.modal-large{background:#ebe7e0!important;background:var(--color-background)!important;max-width:1000px;width:95%}.modal-large .client-header{display:block!important}.modal-large .client-card{margin:1.5rem auto!important;margin:var(--space-lg) auto!important;max-width:min(900px,calc(100% - 3rem))!important;max-width:min(900px,calc(100% - var(--space-lg)*2))!important}.modal-large .shifts-table table{border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;display:flex;inset:0;justify-content:center;padding:2rem;padding:var(--space-xl);position:fixed;z-index:300;z-index:var(--z-modal-backdrop)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .2s ease-out;animation:slideUp var(--transition-base);background:#fff;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #2656a81f;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.clients-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.services-list{grid-template-columns:1fr}}@media (max-width:768px){.navbar{flex-wrap:wrap;padding:1rem;padding:var(--space-md)}.nav-hamburger,.nav-links,.nav-links.open{display:none}.main-content{padding-bottom:70px}.page-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--space-md)}.page-header .page-actions{width:100%}.page-header .page-actions .btn{text-align:center;width:100%}.shifts-table table thead{display:none}.shifts-table table,.shifts-table table tbody{display:block;width:100%}.shifts-table table tr{grid-gap:.25rem;grid-gap:var(--space-xs);background:#fff;background:var(--color-surface);border-left:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #2656a80f,0 0 0 1px #2656a80a;box-shadow:var(--shadow-card);display:grid;gap:.25rem;gap:var(--space-xs);grid-template-areas:"date     status" "client   client" "service  service" "hours    rate" "km       total" "actions  actions";grid-template-columns:1fr 1fr;margin-bottom:2rem;margin-bottom:var(--space-xl);padding:1.5rem;padding:var(--space-lg);padding-top:calc(1.5rem + 3px);padding-top:calc(var(--space-lg) + 3px);position:relative}.shifts-table table tr:before{background:#0000;border-radius:0 0 2px 2px;content:"";height:3px;left:1.5rem;left:var(--space-lg);position:absolute;right:1.5rem;right:var(--space-lg);top:0}.shifts-table table td{border-bottom:none;padding:0;text-align:left}.shifts-table table td:before{color:#4a7ac4;color:var(--color-text-secondary);content:attr(data-label);display:block;font-size:.625rem;font-weight:700;font-weight:var(--weight-bold);letter-spacing:.05em;margin-bottom:.125rem;text-transform:uppercase}.shifts-table table td[data-label=Date]{grid-area:date}.shifts-table table td[data-label=Client]{font-size:1.05rem;font-weight:700;font-weight:var(--weight-bold);grid-area:client}.shifts-table table td[data-label=Service]{color:#4a7ac4;color:var(--color-text-secondary);font-size:.8125rem;grid-area:service}.shifts-table table td[data-label=Hours]{grid-area:hours}.shifts-table table td[data-label=Rate]{grid-area:rate}.shifts-table table td[data-label=KM]{grid-area:km}.shifts-table table td[data-label=Total]{color:#2e7d5a;color:var(--color-success);font-size:1.05rem;font-weight:700;font-weight:var(--weight-bold);grid-area:total}.shifts-table table td[data-label=Status]{grid-area:status;text-align:right}.shifts-table table td[data-label=Actions]{border-top:1px solid #e8e4dc;border-top:1px solid var(--color-border-subtle);grid-area:actions;padding-top:.5rem;padding-top:var(--space-sm)}.shifts-table table td[data-label=Actions]:before{display:none!important}.shifts-table table td[data-label=Actions] .action-buttons{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:.5rem!important;gap:var(--space-sm)!important}.shifts-table table td[data-label=Actions] .action-buttons .btn,.shifts-table table td[data-label=Actions] .action-buttons .btn-small{flex:1 1!important;min-width:0!important;text-align:center!important}.client-invoices-table table tr{grid-template-areas:"invoice  paid" "date     duedate" "amount   amount" "actions  actions"!important;grid-template-columns:1fr 1fr!important}.client-invoices-table table td[data-label="Invoice #"]{font-size:1.05rem;font-weight:700;font-weight:var(--weight-bold);grid-area:invoice!important}.client-invoices-table table td[data-label=Date]{grid-area:date!important}.client-invoices-table table td[data-label="Due Date"]{grid-area:duedate!important;text-align:right}.client-invoices-table table td[data-label=Amount]{color:#2e7d5a;color:var(--color-success);font-size:1.05rem;font-weight:700;font-weight:var(--weight-bold);grid-area:amount!important}.client-invoices-table table td[data-label=Paid]{grid-area:paid!important;text-align:right}.client-invoices-table table td[data-label=Actions]{grid-area:actions!important}.main-content{padding:1.5rem;padding:var(--space-lg)}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:2rem}.shift-item{grid-template-columns:1fr}.shift-amount{text-align:left}.clients-grid,.invoice-details-section{grid-template-columns:1fr}.services-filters{flex-direction:column}.search-bar{min-width:0;width:100%}.category-filter{align-items:stretch;flex-direction:column;width:100%}.category-filter select{width:100%}.action-buttons{flex-direction:row;flex-wrap:wrap}.action-buttons .btn{flex:1 1 auto;min-width:0}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media (max-width:480px){.navbar-logo-image{height:32px}h1{font-size:1.5rem}.btn-small{font-size:.75rem;padding:.4rem .75rem}}@media print{.action-buttons,.btn,.form-actions,.nav-links,.navbar{display:none!important}body{background:#fff;color:#000}.main-content{max-width:100%;padding:0}.invoice-document{border:none;box-shadow:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #2656a8;outline:2px solid var(--color-primary);outline-offset:2px}.shifts-page .shifts-table .btn-edit{background:#2656a8;background:var(--color-primary)}.clients-page .modal-overlay .btn-edit,.invoices-page .action-buttons .btn-edit,.invoices-page .btn-edit,.modal-overlay .shifts-table .btn-edit,.shifts-page .shifts-table .btn-delete{background:#2e7d5a;background:var(--color-success)}.clients-page .modal-overlay .btn-delete,.invoices-page .btn-delete,.modal-overlay .shifts-table .btn-delete{background:#b83232c4;background:var(--color-danger)}.service-agreements-page{margin:0 auto;max-width:1200px;padding:2rem}.service-agreements-page .page-header{margin-bottom:3rem;text-align:center}.service-agreements-page .page-header h1{color:#2656a8;color:var(--color-primary);margin-bottom:.5rem}.service-agreements-page .page-header p{color:#4a7ac4;color:var(--color-text-secondary);font-size:1.1rem}.step-indicator{display:flex;justify-content:space-between;margin-bottom:3rem;padding:0 1rem}.step-item{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:0 .5rem;position:relative;text-align:center}.step-item:not(:last-child):after{background-color:#ddd8cf;background-color:var(--color-border);content:"";height:2px;position:absolute;right:-50%;top:20px;width:100%;z-index:1}.step-item.completed:not(:last-child):after{background-color:#2e7d5a;background-color:var(--color-success)}.step-number{align-items:center;background-color:#ddd8cf;background-color:var(--color-border);border-radius:50%;color:#7a9fd4;color:var(--color-text-muted);display:flex;font-weight:700;height:40px;justify-content:center;margin-bottom:.5rem;position:relative;transition:all .3s ease;width:40px;z-index:2}.step-item.active .step-number{background-color:#2656a8;background-color:var(--color-primary);color:#fff;color:var(--color-text-on-primary)}.step-item.completed .step-number{background-color:#2e7d5a;background-color:var(--color-success);color:#fff;color:var(--white)}.step-title{color:#7a9fd4;color:var(--color-text-muted);font-size:.9rem;font-weight:600;line-height:1.3;max-width:120px}.step-item.active .step-title{color:#2656a8;color:var(--color-primary)}.step-item.completed .step-title{color:#2e7d5a;color:var(--color-success)}.form-container{background:#fff;background:var(--color-surface);border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem;min-height:500px;padding:2.5rem}.step-content h2{color:#2656a8;color:var(--color-primary);font-size:1.5rem;margin-bottom:.5rem}.step-content>p{color:#4a7ac4;color:var(--color-text-secondary);font-size:1.05rem;margin-bottom:2rem}.template-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.template-card{background:#fff;background:var(--color-surface-elevated);border:2px solid #ddd8cf;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.template-card:hover{border-color:#2656a8;border-color:var(--color-primary);box-shadow:0 4px 12px #2656a81a}.template-card h3{color:#2656a8;color:var(--color-primary);margin-bottom:.5rem}.template-card p{color:#4a7ac4;color:var(--color-text-secondary);margin-bottom:1rem}.support-item-search{margin-bottom:2rem}.support-item-search label{color:#2656a8;color:var(--color-text);display:block;font-weight:600;margin-bottom:.5rem}.search-container{position:relative}.search-input-large{border-radius:8px;font-size:1.1rem;padding:1rem}.search-container-half{width:50%}.search-input-half{border-radius:8px;font-size:1.1rem;padding:1rem;width:100%}.add-support-item-button-container{display:flex;justify-content:flex-start;margin:1rem 0}.btn-pill{border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-pill:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #ddd8cf;border:2px solid var(--color-border);color:#2656a8;color:var(--color-text)}.btn-outline:hover{background:#f5f3ef;background:var(--color-surface-hover);border-color:#2656a8;border-color:var(--color-primary);color:#2656a8;color:var(--color-primary)}.duration-options{display:flex;flex-direction:column;gap:.75rem}.duration-help{color:#4a7ac4;color:var(--color-text-secondary);font-size:.9rem;font-style:italic}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.search-results{background:#fff;background:var(--color-surface);border:1px solid #ddd8cf;border:1px solid var(--color-border);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.search-result-item{border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;padding:1rem;transition:background-color .2s ease}.search-result-item:hover{background-color:#f5f3ef;background-color:var(--color-surface-hover)}.search-result-item:last-child{border-bottom:none}.search-result-item .item-code{color:#7a9fd4;color:var(--color-text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.9rem}.search-result-item .item-description{color:#2656a8;color:var(--color-text);font-weight:600;margin:.25rem 0}.search-result-item .item-price{color:#2e7d5a;color:var(--color-success);font-weight:600}.no-results{color:#7a9fd4;color:var(--color-text-muted);font-style:italic;padding:1rem;text-align:center}.selected-support-items{margin-top:2rem}.selected-support-items h3{color:#2656a8;color:var(--color-primary);margin-bottom:1rem}.support-item-card{background:#fff;background:var(--color-surface-elevated);border:1px solid #ddd8cf;border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;overflow:hidden}.item-header{align-items:center;background:#f5f3ef;background:var(--color-surface-hover);border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:1rem}.item-info .item-code{color:#7a9fd4;color:var(--color-text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.85rem}.item-info .item-name{color:#2656a8;color:var(--color-text);font-weight:600;margin-top:.25rem}.item-details{padding:1rem}.pricing-info{border-top:1px solid #e8e4dc;border-top:1px solid var(--color-border-subtle);margin-top:1rem;padding-top:1rem}.pricing-info h4{color:#2656a8;color:var(--color-primary);font-size:1.1rem;margin-bottom:1rem}.help-text{color:#7a9fd4;color:var(--color-text-muted);display:block;font-size:.85rem;font-weight:400;margin-top:.25rem}.input-group{align-items:center;border:1px solid #ddd8cf;border:1px solid var(--color-border);border-radius:6px;display:flex;overflow:hidden}.input-group .form-control{border:none;border-radius:0;flex:1 1}.input-prefix,.input-suffix{background:#f5f3ef;background:var(--color-surface-hover);color:#2656a8;color:var(--color-text);font-weight:600;padding:.75rem 1rem;white-space:nowrap}.input-prefix{border-right:1px solid #ddd8cf;border-right:1px solid var(--color-border)}.input-suffix{border-left:1px solid #ddd8cf;border-left:1px solid var(--color-border)}.rate-breakdown{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.rate-item{align-items:center;background:#e8f2ed;background:var(--color-success-light);border-radius:4px;display:flex;justify-content:space-between;padding:.5rem .75rem}.rate-item span:first-child{color:#2e7d5a;color:var(--color-success);font-weight:600}.rate-item span:last-child{color:#2e7d5a;color:var(--color-success);font-weight:700}.category-badge{background:#2656a8;background:var(--color-primary);border-radius:12px;color:#fff;color:var(--color-text-on-primary);font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.template-category{margin-bottom:1rem}.empty-state{background:#f5f3ef;background:var(--color-surface-hover);border-radius:8px;margin-top:1rem;padding:2rem;text-align:center}.empty-state h3{margin-bottom:.5rem}.empty-state h3,.empty-state p{color:#7a9fd4;color:var(--color-text-muted)}.participant-preview,.template-preview{background:#e8f2ed;background:var(--color-success-light);border-radius:8px;margin-top:1.5rem;padding:1.5rem}.participant-preview h3,.template-preview h3{color:#2e7d5a;color:var(--color-success);margin-bottom:1rem}.participant-details,.template-details{grid-gap:.5rem;display:grid;gap:.5rem}.participant-details>div,.template-details>div{display:flex;gap:.5rem}.participant-details strong,.template-details strong{color:#2e7d5a;color:var(--color-success);min-width:120px}.validation-error{color:#b83232c4;color:var(--color-danger);font-size:.9rem;margin-top:.5rem}.provider-validation{margin-top:1rem}.provider-preview{background:#fff;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #2656a80f,0 0 0 1px #2656a80a;box-shadow:var(--shadow-card);margin-bottom:1.5rem;overflow:hidden}.provider-preview-row{align-items:center;border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:.875rem 1.25rem}.provider-preview-row:last-child{border-bottom:none}.provider-preview-label{color:#4a7ac4;color:var(--color-text-secondary);font-size:.8125rem;font-weight:700;font-weight:var(--weight-bold);letter-spacing:.03em;text-transform:uppercase}.provider-preview-value{color:#2656a8;color:var(--color-text);font-size:.95rem;text-align:right}.provider-preview-actions{display:flex;gap:.75rem;margin-top:1.5rem}.region-selection{background:#f5f3ef;background:var(--color-surface-hover);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.region-selection h3{color:#2656a8;color:var(--color-primary);margin-bottom:.5rem}.cost-breakdown-section{margin-bottom:2rem}.cost-breakdown-section h3{color:#2656a8;color:var(--color-primary);margin-bottom:1rem}.support-items-table{display:flex;flex-direction:column;gap:1rem}.support-item-cost-row{align-items:flex-start;background:#fff;background:var(--color-surface-elevated);border:1px solid #ddd8cf;border:1px solid var(--color-border);border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.item-summary{flex:1 1}.item-name{margin-bottom:.5rem}.item-costs{align-items:center;display:flex;gap:1rem}.cost-item{min-width:80px;text-align:center}.single-cost{min-width:120px;text-align:center}.cost-label{color:#7a9fd4;color:var(--color-text-muted);font-size:.85rem;font-weight:600;margin-bottom:.25rem;text-transform:uppercase}.cost-value{color:#2e7d5a;color:var(--color-success);font-size:1.1rem;font-weight:700}.total-costs-summary{background:#2656a8;background:var(--color-primary);border-radius:12px;color:#fff;color:var(--white);padding:2rem;text-align:center}.total-costs-summary h3{color:#fff;color:var(--white);margin-bottom:1.5rem}.total-costs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.total-cost-card{background:#fff;background:var(--color-surface);border-radius:8px;padding:1.5rem;text-align:center}.cost-period{color:#7a9fd4;color:var(--color-text-muted);font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.cost-amount{color:#2656a8;color:var(--color-primary);font-size:1.8rem;font-weight:700}.cost-note{background:#ffffff1a;border-radius:6px;font-size:.9rem;padding:1rem;text-align:left}.cost-note p{color:#fff;color:var(--white);margin:0;opacity:.9}.agreement-period-section,.terms-section{background:#f5f3ef;background:var(--color-surface-hover);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.agreement-period-section h3,.clause-selection h3,.custom-clauses-section h3,.terms-section h3{color:#2656a8;color:var(--color-primary);margin-bottom:1rem}.clause-selection{margin-bottom:2rem}.clauses-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:1rem}.clause-card{background:#fff;background:var(--color-surface-elevated);border:2px solid #ddd8cf;border:2px solid var(--color-border);border-radius:8px;padding:1rem;transition:all .3s ease}.clause-card:hover{border-color:#2656a8;border-color:var(--color-primary);box-shadow:0 2px 8px #2656a81a}.clause-header{margin-bottom:.75rem}.clause-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:.75rem}.clause-checkbox input[type=checkbox]{flex-shrink:0;margin-top:.25rem}.clause-title{color:#2656a8;color:var(--color-text);flex:1 1;font-weight:600}.recommended-badge{background:#b8860b;background:var(--color-warning);border-radius:12px;color:#fff;color:var(--white);font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem;text-transform:uppercase}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem}.checkbox-label input[type=checkbox]{margin-right:.5rem}.checkbox-label span{color:#2656a8;color:var(--color-text);font-weight:600}.clause-content{margin-top:.5rem}.clause-preview{color:#4a7ac4;color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;margin:0}.custom-clauses-section{margin-bottom:2rem}.custom-clauses-list{margin-bottom:1rem}.custom-clause-item{align-items:flex-start;background:#fff;background:var(--color-surface-elevated);border:1px solid #ddd8cf;border:1px solid var(--color-border);border-radius:6px;gap:1rem;margin-bottom:.75rem;padding:1rem}.custom-clause-header,.custom-clause-item{display:flex;justify-content:space-between}.custom-clause-header{align-items:center;margin-bottom:.5rem}.custom-clause-header h4{color:#2656a8;color:var(--color-primary);font-size:1rem;margin:0}.custom-clause-text{color:#2656a8;color:var(--color-text);line-height:1.4}.custom-clause-editor{background:#f5f3ef;background:var(--color-surface-hover);border-radius:8px;margin-top:1rem;padding:1.5rem}.custom-clause-editor h4{color:#2656a8;color:var(--color-primary);margin-bottom:1rem}.clauses-summary{background:#e8f2ed;background:var(--color-success-light);border-radius:8px;padding:1.5rem;text-align:center}.clauses-summary h3{margin-bottom:1rem}.clauses-summary h3,.selected-count{color:#2e7d5a;color:var(--color-success)}.selected-count{font-size:1.1rem;font-weight:600}.review-sections{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.review-section{background:#fff;background:var(--color-surface-elevated);border:1px solid #ddd8cf;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.review-header{align-items:center;background:#f5f3ef;background:var(--color-surface-hover);border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:1rem 1.5rem}.review-header h3{color:#2656a8;color:var(--color-primary);font-size:1.1rem;margin:0}.review-content{padding:1.5rem}.review-row{align-items:flex-start;border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--color-border-subtle);display:flex;gap:1rem;justify-content:space-between;padding:.5rem 0}.review-row:last-child{border-bottom:none}.review-row span:first-child{color:#2656a8;color:var(--color-text);flex-shrink:0;font-weight:600;min-width:150px}.review-row span:last-child{color:#4a7ac4;color:var(--color-text-secondary);flex:1 1;text-align:right}.review-missing{background:#faf5e6;background:var(--color-warning-light);color:#7a9fd4;color:var(--color-text-muted);font-style:italic;padding:1.5rem;text-align:center}.support-item-review{border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--color-border-subtle);padding:1rem 0}.support-item-review:last-child{border-bottom:none}.item-name-code{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.item-name{color:#2656a8;color:var(--color-text);font-weight:600}.item-code{color:#7a9fd4;color:var(--color-text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.85rem}.item-details{font-size:.95rem;margin-bottom:.5rem}.item-details,.item-requirements{color:#4a7ac4;color:var(--color-text-secondary)}.item-requirements{background:#faf5e6;background:var(--color-warning-light);border-radius:4px;font-size:.9rem;margin-top:.5rem;padding:.5rem}.cost-highlight{color:#2e7d5a!important;color:var(--color-success)!important;font-weight:700}.capitalize{text-transform:capitalize}.generation-section{background:#2656a8;background:var(--color-primary);border-radius:12px;color:#fff;color:var(--white);padding:2rem;text-align:center}.generation-section h3{color:#fff;color:var(--white);margin-bottom:1rem}.generation-section p{color:#fff;color:var(--white);margin-bottom:2rem;opacity:.9}.generation-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.btn-large{font-size:1.1rem;font-weight:600;padding:1rem 2rem}.btn-icon{margin-right:.5rem}.agreement-preview-note{background:#ffffff1a;border-radius:6px;font-size:.9rem;padding:1rem;text-align:left}.agreement-preview-note p{color:#fff;color:var(--white);display:flex;justify-content:space-between;margin:.25rem 0;opacity:.9}.agreement-preview-note strong{color:#fff;color:var(--white);opacity:1}@media (max-width:768px){.review-row{align-items:flex-start;flex-direction:column}.review-row span:first-child{margin-bottom:.25rem;min-width:auto}.review-row span:last-child{text-align:left}.generation-actions{align-items:center;flex-direction:column}.generation-actions button{max-width:300px;width:100%}.item-name-code{align-items:flex-start;flex-direction:column}}.review-summary{text-align:center}.review-summary h3{color:#2656a8;color:var(--color-primary);margin-bottom:1rem}.review-summary p{color:#4a7ac4;color:var(--color-text-secondary);margin-bottom:2rem}.step-navigation{align-items:center;background:#fff;background:var(--color-surface);border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:1.5rem 2rem}.step-counter{color:#2656a8;color:var(--color-text);font-weight:600}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button{flex:1 1}@media (max-width:768px){.service-agreements-page{padding:1rem}.step-indicator{flex-wrap:wrap;gap:1rem}.step-item{min-width:120px}.step-item:not(:last-child):after{display:none}.form-container{padding:1.5rem}.template-cards{grid-template-columns:1fr}.step-navigation{padding:1rem}}.service-agreements-list-page{margin:0 auto;max-width:1400px}.filters-section{background:#fff;background:var(--color-surface-elevated);border:1px solid #ddd8cf;border:1px solid var(--color-border);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.filter-row{grid-gap:1.5rem;align-items:end;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#2656a8;color:var(--color-primary);font-size:.875rem;font-weight:700;font-weight:var(--weight-bold)}.filter-group input,.filter-group select{background:#f5f3ef;background:var(--color-surface-hover);border:2px solid #ddd8cf;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#2656a8;color:var(--color-text);font-size:1rem;padding:.875rem 1rem;transition:all .12s ease-out;transition:all var(--transition-fast);width:100%}.filter-group input:focus,.filter-group select:focus{background:#fff;background:var(--color-surface);border-color:#2656a8;border-color:var(--color-primary);box-shadow:0 0 0 3px #2656a826;outline:none}.summary-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#fff;background:var(--color-surface-elevated);border:1px solid #ddd8cf;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 8px 24px #2656a81f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-number{color:#2656a8;color:var(--color-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#4a7ac4;color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.agreements-table{background:#fff;background:var(--color-surface-elevated);border:1px solid #ddd8cf;border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#2656a8;background:var(--color-primary);color:#fff;color:var(--color-text-on-primary);font-size:.9rem;font-weight:600;padding:1rem;text-align:left}.data-table td{border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--color-border-subtle);padding:1rem;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:nth-child(2n){background:#f5f3ef;background:var(--color-surface-hover)}.data-table tr:hover{background:#e8e4dc;background:var(--color-border-subtle)}.agreement-number{color:#2656a8;color:var(--color-primary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-weight:600}.participant-info,.provider-info{display:flex;flex-direction:column;gap:.25rem}.participant-name,.provider-name{color:#2656a8;color:var(--color-text);font-weight:600}.participant-ndis,.provider-abn{color:#7a9fd4;color:var(--color-text-muted);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.85rem}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.action-buttons{align-items:center;display:flex;gap:.5rem}.btn-small{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;padding:.375rem .75rem;transition:all .2s ease;white-space:nowrap}.btn-info{background:#2656a8;background:var(--color-primary);color:#fff;color:var(--color-text-on-primary)}.btn-info:hover{background:#1e4a8f;background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:#ddd8cf;background:var(--color-border);color:#2656a8;color:var(--color-text)}.btn-secondary:hover{background:#7a9fd4;background:var(--color-text-muted);transform:translateY(-1px)}.btn-danger,.btn-secondary:hover{color:#fff;color:var(--color-text-on-primary)}.btn-danger{background:#b83232c4;background:var(--color-danger)}.btn-danger:hover{background:#a02828;transform:translateY(-1px)}.page-actions{align-items:center;display:flex;gap:1rem}.loading-container{align-items:center;color:#4a7ac4;color:var(--color-text-secondary);display:flex;justify-content:center;min-height:400px}@media (max-width:768px){.service-agreements-list-page{padding:0}.filter-row{gap:1rem;grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}.agreements-table{overflow-x:auto}.data-table{min-width:800px}.action-buttons{flex-direction:row;flex-wrap:wrap;gap:.5rem}.action-buttons .btn,.action-buttons .btn-small{flex:1 1 auto;min-width:0;text-align:center}.btn-small{font-size:.75rem;padding:.375rem .75rem}.main-content{padding-bottom:80px!important}.shifts-table table tr{border-left:none!important;margin-bottom:1.5rem!important;position:relative}.shifts-table table tr:before{background:#0000;border-radius:0 0 2px 2px;content:"";height:3px;left:1.5rem;left:var(--space-lg);position:absolute;right:1.5rem;right:var(--space-lg);top:0}}.pagination-controls{align-items:center;display:flex;gap:1rem;gap:var(--space-md);justify-content:center;padding:1.5rem 0;padding:var(--space-lg) 0}.pagination-info{color:#4a7ac4;color:var(--color-text-secondary);font-size:.875rem;font-weight:600;font-weight:var(--weight-medium)}.bottom-nav,.bottom-nav-overlay{display:none}@media (max-width:768px){.bottom-nav-overlay{background:#0000004d;display:block;top:0;z-index:999}.bottom-nav,.bottom-nav-overlay{bottom:0;left:0;position:fixed;right:0}.bottom-nav{background:#fff;background:var(--color-surface);border-top:1px solid #ddd8cf;border-top:1px solid var(--color-border);box-shadow:0 -2px 8px #00000014;height:60px;justify-content:space-around;z-index:1000}.bottom-nav,.bottom-nav-item{align-items:center;display:flex}.bottom-nav-item{background:none;border:none;color:#7a9fd4;color:var(--color-text-muted);cursor:pointer;flex:1 1;flex-direction:column;font-size:.625rem;font-weight:600;font-weight:var(--weight-medium);gap:2px;height:100%;justify-content:center;padding:0;text-decoration:none;transition:color .15s ease}.bottom-nav-item.active{background:#2656a81a;border-radius:8px;border-radius:var(--radius-md);color:#2656a8;color:var(--color-primary);font-weight:700;font-weight:var(--weight-bold);margin:4px 2px}.bottom-nav-icon{align-items:center;color:currentColor;display:flex;justify-content:center;line-height:1}.bottom-nav-menu{background:#fff;background:var(--color-surface);border:1px solid #ddd8cf;border:1px solid var(--color-border);border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:60px;box-shadow:0 -4px 16px #0000001f;min-width:220px;padding:.5rem 0;padding:var(--space-sm) 0;position:absolute;right:0;z-index:1001}.bottom-nav-menu-item{background:none;border:none;color:#2656a8;color:var(--color-text);cursor:pointer;display:block;font-size:1rem;font-weight:600;font-weight:var(--weight-medium);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);text-align:left;text-decoration:none;transition:background .15s ease;width:100%}.bottom-nav-menu-item:hover{background:#ebe7e0;background:var(--color-background)}.bottom-nav-menu-item.active{color:#2656a8;color:var(--color-primary);font-weight:700;font-weight:var(--weight-bold)}.bottom-nav-logout{border-top:1px solid #ddd8cf;border-top:1px solid var(--color-border);color:#b83232c4;color:var(--color-danger,#e53e3e);margin-top:.25rem;margin-top:var(--space-xs);padding-top:1rem;padding-top:var(--space-md)}.shifts-table table tr:nth-child(2n),.shifts-table table tr:nth-child(odd){background:#fff!important;background:var(--color-surface)!important}.shifts-table table td[data-label=Actions]:not(.shift-actions-cell){align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:.75rem!important}.shifts-table table td[data-label=Actions]:before{display:none!important}}.sa-mobile-only{display:none!important}.sa-desktop-only{display:block!important}@media (max-width:768px){.sa-desktop-only{display:none!important}.sa-mobile-only{display:grid!important}.invoice-table thead{display:none}.invoice-table,.invoice-table tbody,.invoice-table tfoot{display:block;width:100%}.invoice-table tfoot tr{background:#0000!important;border:none;border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--color-border-subtle);border-radius:0;box-shadow:none;display:flex;justify-content:space-between;margin-bottom:0;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg)}.invoice-table tfoot tr:last-child{border-bottom:none;font-size:1.1rem}.invoice-table tfoot td{border:none!important;padding:0!important}.invoice-table tfoot td[colspan]{text-align:left!important}.invoice-table tbody tr{grid-gap:.25rem;grid-gap:var(--space-xs);background:#fff;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:grid;gap:.25rem;gap:var(--space-xs);grid-template-areas:"item   date" "desc   desc" "qty    amount" "rate   .";grid-template-columns:1fr auto;margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);padding-top:calc(1rem + 3px);padding-top:calc(var(--space-md) + 3px);position:relative}.invoice-table tbody tr:before{background:#0000;border-radius:0 0 2px 2px;content:"";height:3px;left:1.5rem;left:var(--space-lg);position:absolute;right:1.5rem;right:var(--space-lg);top:0}.invoice-table tbody tr:nth-child(2n){background:#fff!important;background:var(--color-surface)!important}.invoice-table td{border:none!important;padding:0!important;text-align:left!important}.invoice-table td:before{color:#4a7ac4;color:var(--color-text-secondary);content:attr(data-label);display:block;font-size:.625rem;font-weight:700;font-weight:var(--weight-bold);letter-spacing:.05em;margin-bottom:.125rem;text-transform:uppercase}.invoice-table td[data-label=Item]{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.85rem;font-weight:700;font-weight:var(--weight-bold);grid-area:item}.invoice-table td[data-label=Date]{grid-area:date;text-align:right}.invoice-table td[data-label=Description]{color:#4a7ac4;color:var(--color-text-secondary);font-size:.9rem;grid-area:desc}.invoice-table td[data-label=Quantity]{grid-area:qty}.invoice-table td[data-label="Unit Price"]{grid-area:rate}.invoice-table td[data-label=Amount]{color:#2e7d5a;color:var(--color-success);font-size:1.05rem;font-weight:700;font-weight:var(--weight-bold);grid-area:amount;text-align:right}.shifts-table table td[data-label="Invoice #"]{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-weight:700;font-weight:var(--weight-bold);grid-area:date}.shifts-table table td[data-label=Amount]{color:#2e7d5a;color:var(--color-success);font-size:1.05rem;font-weight:700;font-weight:var(--weight-bold);grid-area:hours}.shifts-table table td[data-label="Due Date"]{grid-area:rate}.shifts-table table td[data-label=Paid]{grid-area:status;text-align:right}.modal-overlay{align-items:flex-end;padding:.5rem!important;padding:var(--space-sm)!important}.modal-content{border-radius:12px 12px 0 0!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;max-height:95vh!important;max-width:100%!important;width:100%!important}.modal-content .client-card{margin:1.5rem!important;margin:var(--space-lg)!important;max-width:calc(100% - 3rem)!important;max-width:calc(100% - var(--space-lg)*2)!important;padding:1.5rem!important;padding:var(--space-lg)!important}.modal-content .modal-body{padding:0!important}.modal-content .invoice-document{padding:.5rem;padding:var(--space-sm)}.modal-content .invoice-document h1{font-size:1.3rem!important;margin-bottom:.5rem!important;margin-bottom:var(--space-sm)!important}.modal-content .client-card p{margin-bottom:.35rem!important}.modal-content .client-card h2{font-size:1.4rem!important;margin-bottom:.5rem!important;margin-bottom:var(--space-sm)!important}.modal-content .client-card h3{font-size:1rem!important;margin-bottom:.25rem!important;margin-bottom:var(--space-xs)!important}.modal-content .client-details p{line-height:1.5!important;margin-bottom:.3rem!important}.modal-content .client-header{display:block!important;margin-bottom:.5rem!important;margin-bottom:var(--space-sm)!important;margin-top:1rem!important;margin-top:var(--space-md)!important}.modal-content .client-plan-manager{margin-top:.5rem!important;margin-top:var(--space-sm)!important;padding-top:.5rem!important;padding-top:var(--space-sm)!important}.modal-content .invoice-details-section{gap:.5rem!important;gap:var(--space-sm)!important}.modal-content .invoice-details-section,.modal-content .invoice-header-section{margin-bottom:.5rem!important;margin-bottom:var(--space-sm)!important}.modal-content .invoice-footer{padding-top:.5rem!important;padding-top:var(--space-sm)!important}.modal-content .invoice-footer p{margin-bottom:.2rem!important}.modal-content .review-sections{gap:.5rem!important;gap:var(--space-sm)!important}.modal-content .review-content,.modal-content .review-header{padding:.5rem 1rem!important;padding:var(--space-sm) var(--space-md)!important}.modal-content .review-row{padding:.3rem 0!important}.modal-content .shifts-table{padding:0 .5rem .5rem!important;padding:0 var(--space-sm) var(--space-sm) var(--space-sm)!important}.modal-content h3{font-size:1.1rem!important;margin-bottom:.5rem!important;margin-bottom:var(--space-sm)!important}.main-content{padding-bottom:80px!important}.bottom-nav-menu{background:#fff;background:var(--color-surface);box-shadow:0 -8px 32px #0003!important}.service-card .service-description,.service-card .service-name,.service-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.shift-details{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-actions{grid-gap:.5rem;grid-gap:var(--space-sm);display:grid!important;gap:.5rem;gap:var(--space-sm);grid-template-columns:1fr 1fr}.client-actions .btn-danger{grid-column:1/-1;margin-top:.25rem;margin-top:var(--space-xs);opacity:.85}.client-actions>div:last-child{grid-column:1/-1}}.sa-view-signature-grid{display:flex;gap:2rem;justify-content:space-between}.sa-view-signature-block{flex:1 1}.sa-view-signature-line{border-bottom:1px solid #333;height:40px;margin-bottom:.5rem;margin-bottom:var(--space-sm);width:100%}@media (max-width:768px){.sa-view-signature-grid{flex-direction:column;gap:1rem;gap:var(--space-md)}}.btn-dots{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:inline-flex;font-size:1.4rem;font-weight:700;height:36px;justify-content:center;letter-spacing:3px;line-height:1;padding:0;transition:all .12s ease-out;transition:all var(--transition-fast);width:44px}.btn-dots:hover{color:#555}.invoice-dots-wrapper{display:flex;justify-content:flex-start;width:auto}@media (max-width:768px){.invoice-dots-wrapper{justify-content:center;width:100%}.invoices-page .modal-content .modal-body{padding-bottom:100px!important}.invoices-page .shifts-table table tr:nth-child(2n),.invoices-page .shifts-table table tr:nth-child(odd){background:#fff!important;background:var(--color-surface)!important}.invoices-page .shifts-table table tr{grid-template-areas:"invoice-num date" "client      client" "amount      status" "actions     actions"!important;grid-template-columns:1fr 1fr!important;margin-bottom:1rem!important;margin-bottom:var(--space-md)!important}.invoices-page .shifts-table table td[data-label="Invoice #"]{grid-area:invoice-num!important}.invoices-page .shifts-table table td[data-label=Client]{grid-area:client!important}.invoices-page .shifts-table table td[data-label=Date]{grid-area:date!important;text-align:right!important}.invoices-page .shifts-table table td[data-label=Amount]{grid-area:amount!important}.invoices-page .shifts-table table td[data-label=Status]{grid-area:status!important;text-align:right!important}.invoices-page .shifts-table table td[data-label=Actions]{grid-area:actions!important}.shifts-page .shifts-table table tr:nth-child(2n),.shifts-page .shifts-table table tr:nth-child(odd){background:#fff!important;background:var(--color-surface)!important}.invoices-page .shifts-table table tr,.shifts-page .shifts-table table tr{border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;margin-bottom:1.5rem!important;margin-bottom:var(--space-lg)!important}.shifts-table,.shifts-table table,.shifts-table table tbody,.shifts-table-container{background:#0000!important;box-shadow:none!important}}.client-roster-btn{background:#6930c3c4!important}.client-roster-btn,.client-unlock-btn{color:#fff!important;grid-column:1/-1!important;justify-content:center}.client-unlock-btn{align-items:center;background:#6930c3!important;display:inline-flex!important;font-size:.7rem;font-style:italic;gap:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unlock-text-desktop{display:none}.unlock-text-mobile{display:inline}@media (min-width:769px){.unlock-text-desktop{display:inline}.unlock-text-mobile{display:none}}.shift-row-clickable{cursor:pointer}.shift-row-clickable:hover{background:#2563eb08}.shift-row-expanded .shift-row-clickable{background:#2563eb0d}.shifts-page .shifts-table table tbody .shift-row td{border-bottom:none}.shift-dots-row{cursor:pointer}.shift-dots-row td{border-top:none!important;padding:0 0 6px!important}.shift-dots-indicator{display:flex;justify-content:center;line-height:1}.shift-dots{color:#4a7ac4;color:var(--color-text-secondary,#999);font-size:.7rem;letter-spacing:3px;opacity:.4;-webkit-user-select:none;user-select:none}.shift-notes-row{background:none!important}.shift-notes-panel{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease}.shift-notes-panel-open{max-height:500px;opacity:1}.shift-notes-content{background:#f5f3ef;background:var(--color-bg-secondary,#f5f3ef);border-left:3px solid #2656a8;border-left:3px solid var(--color-primary,#2563eb);border-radius:0 8px 8px 0;border-radius:0 var(--radius-md,8px) var(--radius-md,8px) 0;margin:0 1rem .75rem;padding:1.25rem 1.5rem 1.5rem}.shift-notes-title{color:#1a2e5a;color:var(--color-text-primary,#1a2e5a);font-size:.95rem;font-weight:600;margin-bottom:.75rem}.shift-notes-textarea{background:#fff;border:1px solid #ddd8cf;border:1px solid var(--color-border,#ccc);border-radius:8px;border-radius:var(--radius-md,8px);font-family:inherit;font-size:.9rem;margin-bottom:1rem;min-height:150px;padding:.75rem;resize:vertical;width:100%}.shift-notes-textarea:focus{border-color:#2656a8;border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 2px #2563eb26;outline:none}.shift-actions-inline,.shift-notes-buttons{display:flex;gap:.75rem}.shift-actions-inline{align-items:stretch;flex-direction:column;margin:0 auto;width:-webkit-fit-content;width:fit-content}.shift-actions-inline .btn{text-align:center}.shift-delete-wrap{display:flex;justify-content:center;position:relative}.shift-delete-popup{left:50%;margin-top:4px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:5}@media (max-width:768px){.shifts-page .shifts-table table .shift-row .shift-actions-cell{align-items:center!important;border:none!important;display:flex!important;flex-direction:column!important;grid-area:auto!important;grid-column:1/-1!important;order:-1!important;padding:0!important}.shifts-page .shifts-table table .shift-row .shift-actions-cell:before{display:none!important}.shifts-page .shift-actions-inline{align-items:center!important;display:flex!important;flex-direction:column-reverse!important;gap:.3rem!important;padding:.5rem 0 .25rem!important;position:static!important;transform:none!important;z-index:10!important}.shifts-page .shift-actions-inline .btn{flex:none!important;font-size:.7rem!important;min-width:auto!important;padding:.2rem .8rem!important}.shifts-page .shift-actions-inline .btn-dots{font-size:1.2rem!important;line-height:1!important;padding:0!important}.shift-delete-popup{left:50%!important;right:auto!important;transform:translateX(-50%)!important}.shifts-page .shift-dots-indicator{cursor:pointer;display:flex!important;justify-content:center!important;padding:.5rem 0 .25rem!important}.shifts-page .shift-dots{font-size:.85rem!important;letter-spacing:4px!important;opacity:.5!important}.shifts-page .shift-notes-content{margin:.5rem 0 0;padding:1rem}}.recurring-shift-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:0;position:fixed;right:0;top:0;z-index:1000}.recurring-shift-modal{background:#fff;background:var(--color-surface,#fff);box-sizing:border-box;min-height:100vh;overflow-y:auto;padding:1.25rem 1.25rem 100px;position:relative;width:100%}.recurring-blocks-container{display:flex;flex-direction:column;gap:1rem;gap:var(--space-md,1rem)}.recurring-block{background:#fff;background:var(--color-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;padding:.75rem;padding:var(--space-sm,.75rem)}.recurring-block-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-sm,.5rem)}.recurring-block-label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.85rem;font-weight:600}.recurring-grid-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.recurring-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:60px repeat(7,1fr);min-width:480px}.recurring-grid-cell{align-items:center;display:flex;justify-content:center;min-height:44px;padding:2px}.recurring-grid-label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.7rem;font-weight:600;justify-content:flex-start;padding-left:2px}.recurring-grid-day-header{color:#1e293b;color:var(--color-text,#1e293b);font-size:.75rem;font-weight:700}.recurring-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:4px;box-sizing:border-box;font-size:.75rem;min-height:36px;padding:4px;text-align:center;width:100%}.recurring-input:focus{border-color:#6366f1;border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 2px #6366f126;outline:none}.recurring-select{font-size:.65rem;padding:2px}.recurring-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);display:flex;gap:.5rem;gap:var(--space-sm,.5rem);justify-content:flex-end;padding-top:.5rem;padding-top:var(--space-sm,.5rem)}.recurring-grid-day-header{flex-direction:column;gap:1px;line-height:1.2}.day-date{color:#64748b;color:var(--color-text-secondary,#64748b);display:block;font-size:.65rem;font-weight:400}.recurring-grid-day-header.today,.recurring-grid-day-header.today .day-date{color:#6366f1;color:var(--color-primary,#6366f1)}.recurring-grid-day-header.today .day-date{font-weight:600}.today-col{background:#6366f10a;border-radius:4px}.day-full{display:none}.day-short{display:inline}@media (min-width:769px){.recurring-shift-overlay{align-items:center;padding:2rem}.recurring-shift-modal{border-radius:12px;max-height:90vh;max-width:900px;min-height:auto;padding:2rem}.recurring-grid{gap:4px;grid-template-columns:80px repeat(7,1fr);min-width:auto}.recurring-grid-label{font-size:.8rem}.recurring-input{font-size:.85rem;min-height:40px;padding:6px}.recurring-select{font-size:.75rem}.day-full{display:inline}.day-short{display:none}}.roster-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:0;position:fixed;right:0;top:0;z-index:1000}.roster-modal{background:#f0ede6;background:var(--color-bg,#f0ede6);box-sizing:border-box;min-height:100vh;padding:1.25rem 1.25rem 2rem;position:relative;width:100%}.roster-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;padding-right:2rem}.roster-header h2{color:#1e293b;color:var(--color-text,#1e293b);font-size:1.15rem}.roster-subtitle{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.8rem;margin:.2rem 0 0}.roster-month-nav{align-items:center;background:#fff;background:var(--color-surface,#fff);border-radius:10px;box-shadow:0 2px 6px #0000000f;display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem}.roster-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#1e293b;color:var(--color-text,#1e293b);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s;width:32px}.roster-nav-btn:hover{background:#f5f3ef;background:var(--color-surface-hover,#f5f3ef)}.roster-month-label{align-items:baseline;display:flex;flex:1 1;gap:.4rem;justify-content:center;text-align:center}.roster-month-name{color:#1e293b;color:var(--color-text,#1e293b);font-size:1.05rem;font-weight:700}.roster-year{font-size:.85rem;font-weight:500}.roster-today-btn,.roster-year{color:#64748b;color:var(--color-text-secondary,#64748b)}.roster-today-btn{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;padding:.3rem .65rem;transition:all .15s}.roster-today-btn:hover{background:#f5f3ef;background:var(--color-surface-hover,#f5f3ef);color:#1e293b;color:var(--color-text,#1e293b)}.roster-calendar-grid{grid-gap:1px;background:#e2e8f0;background:var(--color-border,#e2e8f0);border-radius:10px;box-shadow:0 2px 6px #0000000f;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.roster-cal-header{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.6rem 0;text-align:center;text-transform:uppercase}.roster-cal-cell,.roster-cal-header{background:#fff;background:var(--color-surface,#fff)}.roster-cal-cell{display:flex;flex-direction:column;min-height:70px;padding:.3rem;position:relative}.roster-cal-cell.empty{background:#fff;background:var(--color-surface,#fff);opacity:.4}.roster-cal-cell.today{background:#f7f5ff}.roster-cal-date{align-items:center;border-radius:50%;color:#64748b;color:var(--color-text-secondary,#64748b);display:flex;font-size:.75rem;font-weight:500;height:24px;justify-content:center;margin-bottom:.2rem;width:24px}.roster-cal-date.today{background:#2656a8;background:var(--color-primary,#2656a8);color:#fff;font-weight:700}.roster-cal-shifts{display:flex;flex:1 1;flex-direction:column;gap:2px}.roster-cal-shift{background:#6930c31f;border-left:2px solid #6930c399;border-radius:4px;color:#6930c3;cursor:pointer;font-size:.6rem;font-weight:600;overflow:hidden;padding:.2rem .3rem;text-overflow:ellipsis;transition:background .15s;white-space:nowrap}.roster-cal-shift:hover{background:#6930c338}.roster-edit-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1010}.roster-edit-popup{background:#fff;background:var(--color-surface,#fff);border-radius:12px;box-shadow:0 8px 30px #0003;max-width:320px;padding:1.5rem;width:100%}.roster-edit-label{color:#64748b;color:var(--color-text-secondary,#64748b);display:block;font-size:.8rem;font-weight:600;margin-bottom:.25rem;margin-top:.75rem}.roster-edit-label:first-of-type{margin-top:0}.roster-edit-input{border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:.5rem;width:100%}.roster-edit-input:focus{border-color:#2656a8;border-color:var(--color-primary,#2656a8);box-shadow:0 0 0 2px #2656a826;outline:none}.roster-edit-actions{align-items:center;display:flex;gap:.5rem;margin-top:1.25rem}.roster-edit-actions .btn{border:none;font-size:.8rem;min-height:auto;padding:.4rem .85rem}.roster-edit-actions .btn-primary{background:#2e7d32;color:#fff}.roster-edit-actions .btn-primary:hover{background:#256b29}.roster-edit-actions .btn-secondary{background:#2656a8;background:var(--color-primary,#2656a8);color:#fff}.roster-edit-actions .btn-secondary:hover{background:#1e4a8f;background:var(--color-primary-hover,#1e4a8f)}@media (min-width:769px){.roster-overlay{align-items:center;padding:2rem}.roster-modal{border-radius:12px;max-height:90vh;max-width:900px;min-height:auto;overflow-y:auto;padding:2rem}.roster-cal-cell{min-height:90px;padding:.4rem}.roster-cal-header{font-size:.8rem;padding:.75rem 0}.roster-cal-shift{font-size:.7rem;padding:.25rem .4rem}.roster-cal-date{font-size:.8rem}}.auto-invoice-section{background:#fff;background:var(--color-surface,#fff);border-radius:10px;box-shadow:0 2px 6px #0000000f;margin-top:1rem;overflow:hidden}.auto-invoice-toggle{align-items:center;background:#0000;border:none;color:#1e293b;color:var(--color-text,#1e293b);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;padding:.85rem 1rem;transition:background .15s;width:100%}.auto-invoice-toggle:hover{background:#f5f3ef;background:var(--color-surface-hover,#f5f3ef)}.auto-invoice-toggle-left{align-items:center;display:flex;gap:.5rem}.auto-invoice-active-badge{background:#dcfce7;border-radius:12px;color:#16a34a;font-size:.7rem;font-weight:600;padding:2px 8px}.auto-invoice-body{padding:0 1rem 1rem}.auto-invoice-enable-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0);display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0}.auto-invoice-field{margin-bottom:.75rem}.auto-invoice-label{color:#64748b;color:var(--color-text-secondary,#64748b);display:block;font-size:.8rem;font-weight:600;margin-bottom:.3rem}.auto-invoice-input{background:#fff;background:var(--color-surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:6px;box-sizing:border-box;color:#1e293b;color:var(--color-text,#1e293b);font-size:.9rem;padding:.5rem;width:100%}.auto-invoice-input:focus{border-color:#2656a8;border-color:var(--color-primary,#2656a8);box-shadow:0 0 0 2px #2656a826;outline:none}.auto-invoice-hint{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.8rem;line-height:1.4;margin:.5rem 0 0}.auto-invoice-section .toggle-switch{background:#cbd5e1;border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background .2s;width:44px}.auto-invoice-section .toggle-switch.on{background:#16a34a}.auto-invoice-section .toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.auto-invoice-section .toggle-switch.on .toggle-knob{transform:translateX(20px)}.theme-selector-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.theme-filter-buttons{display:flex;gap:.5rem;margin-bottom:1.25rem}.filter-btn{background:var(--color-surface);border:2px solid var(--color-border);border-radius:20px;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.theme-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:400px;overflow-y:auto;padding:2px}.theme-card{border:2px solid var(--color-border);border-radius:10px;cursor:pointer;overflow:hidden;transition:all .2s ease}.theme-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.theme-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.theme-card-preview{align-items:center;display:flex;justify-content:center;min-height:48px;padding:.75rem}.theme-card-swatches{align-items:center;display:flex;font-size:1rem;gap:.5rem}.swatch-dots{display:flex;gap:4px}.swatch-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.theme-card-name{background:var(--color-surface);color:var(--color-text);font-size:.75rem;font-weight:600;overflow:hidden;padding:.4rem .6rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.theme-grid::-webkit-scrollbar{width:6px}.theme-grid::-webkit-scrollbar-track{background:#0000}.theme-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}@media (max-width:768px){.theme-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:300px}.theme-filter-buttons{flex-wrap:wrap}}.settings-layout{grid-gap:var(--space-xl);align-items:start;display:grid;gap:var(--space-xl);grid-template-columns:240px 1fr;margin:0 auto;max-width:1100px}.settings-sidebar{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:2px;padding:var(--space-sm);position:-webkit-sticky;position:sticky;top:calc(70px + var(--space-lg))}.settings-sidebar-divider{background:var(--color-border-subtle);height:1px;margin:var(--space-sm) var(--space-md)}.settings-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:var(--weight-medium);gap:var(--space-sm);padding:.625rem var(--space-md);position:relative;text-align:left;transition:all .15s ease;width:100%}.settings-tab:hover:not(.disabled){background:var(--color-surface-hover);color:var(--color-text)}.settings-tab.active{background:var(--color-primary);box-shadow:0 2px 8px #2656a833;color:var(--color-text-on-primary);font-weight:var(--weight-bold)}.settings-tab.disabled{cursor:not-allowed;opacity:.4}.settings-tab-icon{align-items:center;color:currentColor;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.settings-tab-label{flex:1 1;white-space:nowrap}.settings-tab-badge{background:#2656a81a;border-radius:var(--radius-pill);color:var(--color-primary);font-size:.5625rem;font-weight:var(--weight-bold);letter-spacing:.05em;padding:.125rem .375rem;text-transform:uppercase}.settings-tab.active .settings-tab-badge{background:#fff3;color:var(--color-text-on-primary)}.settings-content{animation:settingsFadeIn .2s ease-out;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-height:400px;padding:var(--space-xl)}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.settings-content-header{border-bottom:3px solid var(--color-primary);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.settings-content-header h2{font-size:1.5rem;margin:0 0 var(--space-xs) 0}.settings-content-description{color:var(--color-text-secondary);font-size:.875rem;margin:0}.settings-form-footer{align-items:center;border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg)}.settings-unsaved{color:#e67e22;font-size:.8125rem;font-weight:var(--weight-medium)}.settings-saved{animation:settingsFadeIn .2s ease-out;color:var(--color-success);font-size:.8125rem;font-weight:var(--weight-bold)}.settings-danger-zone{background:#e74c3c08;border:2px solid #e74c3c;border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-lg)}.settings-danger-zone h3{color:#c0392b;font-size:1rem;margin:0 0 var(--space-sm) 0}.settings-danger-zone>p{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--space-md)}.delete-confirm-box{background:#e74c3c0f;border:1px solid #e74c3c33;border-radius:var(--radius-md);margin-top:var(--space-md);padding:var(--space-md)}.delete-confirm-box p{margin-bottom:var(--space-sm)}.delete-confirm-box input{margin-bottom:var(--space-md);max-width:300px}.delete-confirm-actions{display:flex;gap:var(--space-md)}.settings-placeholder{align-items:center;background:var(--color-surface-hover);border:2px dashed var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;padding:4rem var(--space-xl);text-align:center}.settings-placeholder-icon{font-size:2.5rem;margin-bottom:var(--space-md);opacity:.5}.settings-placeholder p{color:var(--color-text-muted);font-size:1rem;font-weight:var(--weight-medium);margin:0}.security-info{background:var(--color-surface-hover);border-radius:var(--radius-md);margin-bottom:var(--space-xl);padding:var(--space-lg)}.security-info p{font-size:.9375rem;margin:var(--space-xs) 0}.security-note{background:var(--color-surface-hover);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-lg)}.security-note a{color:var(--color-primary);font-weight:var(--weight-bold)}.settings-data-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}@media (max-width:768px){.settings-layout{gap:var(--space-md);grid-template-columns:1fr}.settings-sidebar{display:none}.settings-mobile-nav{margin-bottom:var(--space-md);position:relative}.settings-mobile-nav-bar{align-items:center;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;justify-content:space-between;padding:.75rem 1rem}.settings-mobile-active{align-items:center;color:var(--color-text);display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.settings-hamburger{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:20px}.hamburger-icon span{background:var(--color-text);border-radius:2px;display:block;height:2px;transition:all .2s ease;width:100%}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(4px,4px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.settings-mobile-menu{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;gap:2px;left:0;padding:.5rem;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.settings-mobile-menu-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.6rem;padding:.65rem .75rem;text-align:left;transition:background .15s;width:100%}.settings-mobile-menu-item:hover:not(.disabled){background:var(--color-surface-hover);color:var(--color-text)}.settings-mobile-menu-item.active{background:var(--color-primary);color:var(--color-text-on-primary);font-weight:600}.settings-mobile-menu-item.disabled{cursor:not-allowed;opacity:.4}.settings-mobile-menu-item .settings-tab-badge{font-size:.5rem}.settings-content{padding:var(--space-lg)}.settings-form-footer{align-items:stretch;flex-direction:column}.delete-confirm-actions{flex-direction:column}}.autosend-tab{display:flex;flex-direction:column;gap:1rem}.autosend-client-card{background:#fff;background:var(--color-surface,#fff);border:1px solid #e2e8f0;border-radius:10px;border-top:3px solid #2656a8;border:1px solid var(--color-border,#e2e8f0);border-top:3px solid var(--color-primary,#2656a8);padding:1rem 1.25rem}.autosend-client-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.autosend-client-header h3{font-size:1rem;margin:0}.autosend-enable-row{align-items:center;display:flex;gap:.5rem}.autosend-active-badge{background:#dcfce7;border-radius:12px;color:#16a34a;font-size:.7rem;font-weight:600;padding:2px 8px}.autosend-fields{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);margin-top:.75rem;padding-top:.75rem}.autosend-hint{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.8rem;line-height:1.4;margin:.5rem 0 0}.toggle-switch-settings{background:#cbd5e1;border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background .2s;width:44px}.toggle-switch-settings.on{background:#16a34a}.toggle-switch-settings .toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.toggle-switch-settings.on .toggle-knob{transform:translateX(20px)}.pricing-page{margin:0 auto;max-width:900px;padding:var(--space-xl) var(--space-md)}.pricing-header{margin-bottom:var(--space-2xl);text-align:center}.pricing-header h1{font-size:2rem;margin-bottom:var(--space-sm)}.pricing-header>p{color:var(--color-text-secondary);font-size:1.125rem;margin-bottom:var(--space-xl)}.pricing-toggle{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:.9375rem;font-weight:var(--weight-medium);gap:var(--space-md)}.pricing-toggle .active{color:var(--color-text);font-weight:var(--weight-bold)}.toggle-switch{background:var(--color-border);border:none;border-radius:var(--radius-pill);cursor:pointer;height:28px;padding:0;position:relative;transition:background var(--transition-fast);width:52px}.toggle-switch.on{background:var(--color-primary)}.toggle-knob{background:var(--white);border-radius:50%;box-shadow:var(--shadow-sm);height:22px;left:3px;position:absolute;top:3px;transition:transform var(--transition-fast);width:22px}.toggle-switch.on .toggle-knob{transform:translateX(24px)}.pricing-save-badge{background:var(--color-success-light);border-radius:var(--radius-pill);color:var(--color-success);font-size:.75rem;font-weight:var(--weight-bold);margin-left:var(--space-xs);padding:.125rem .5rem}.pricing-cards{grid-gap:var(--space-xl);align-items:start;display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr}.pricing-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-xl);position:relative;transition:transform .2s ease,box-shadow .2s ease}.pricing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pricing-card.featured{border:2px solid var(--color-primary)}.pricing-card.featured,.pricing-card.featured:hover{box-shadow:var(--shadow-lg)}.pricing-card-badge{background:var(--color-primary);border-radius:var(--radius-pill);color:var(--color-text-on-primary);font-size:.75rem;font-weight:var(--weight-bold);left:50%;letter-spacing:.05em;padding:.25rem 1rem;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.pricing-card-header{border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);text-align:center}.pricing-card-header h2{font-size:1.25rem;margin-bottom:var(--space-md)}.pricing-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center}.pricing-amount{color:var(--color-text);font-size:2.5rem;font-weight:var(--weight-black);line-height:1}.pricing-period{color:var(--color-text-secondary);font-size:1rem}.pricing-billed{color:var(--color-text-muted);font-size:.8125rem;margin-top:var(--space-xs)}.pricing-subtitle{color:var(--color-text-secondary);font-size:.875rem;margin-top:var(--space-sm)}.pricing-features{list-style:none;margin:0 0 var(--space-xl) 0;padding:0}.pricing-features li{align-items:center;display:flex;font-size:.9375rem;gap:var(--space-sm);padding:.5rem 0}.pricing-features .feature-icon{flex-shrink:0;font-weight:var(--weight-bold);text-align:center;width:20px}.pricing-features li:not(.feature-disabled) .feature-icon{color:var(--color-success)}.pricing-features .feature-disabled,.pricing-features .feature-disabled .feature-icon{color:var(--color-text-muted)}.pricing-btn{font-size:1rem;padding:.875rem;width:100%}.pricing-promo-note{color:var(--color-text-muted);font-size:.8125rem;margin-top:var(--space-md);text-align:center}@media (max-width:768px){.pricing-cards{grid-template-columns:1fr;margin:0 auto;max-width:400px}.pricing-header h1{font-size:1.5rem}.pricing-amount{font-size:2rem}}.auth-container{align-items:center;background:#ebe7e0;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.auth-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");inset:0;opacity:.03}.auth-container:after,.auth-container:before{content:"";pointer-events:none;position:absolute}.auth-container:after{background:linear-gradient(135deg,#2656a80f,#2656a805);border-radius:50%;bottom:-20%;height:50vw;max-height:600px;max-width:600px;right:-15%;width:50vw}.auth-card{animation:cardEntry .5s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:12px;box-shadow:0 2px 8px #2656a80f,0 0 0 1px #2656a80a;max-width:420px;padding:3rem 2.5rem;position:relative;width:100%;z-index:1}@keyframes cardEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-logo{display:block;height:auto;margin:0 auto 2rem;transition:transform .2s ease-out;width:80px}.auth-logo:hover{transform:scale(1.05)}.auth-card h1{color:#2656a8;font-family:Nunito,sans-serif;font-size:2rem;font-weight:800;line-height:1.1;margin-bottom:.25rem;text-align:left}.auth-card h1:after{background:#2656a8;content:"";display:block;height:3px;margin-bottom:.5rem;margin-top:.75rem;width:100%}.auth-card h2{color:#4a7ac4;font-family:Nunito,sans-serif;font-size:1rem;font-style:italic;font-weight:400;margin-bottom:2rem;text-align:left}.auth-card .form-group{margin-bottom:1.25rem}.auth-card .form-group label{color:#2656a8;display:block;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.auth-card .form-group input{background:#f5f3ef;border:2px solid #ddd8cf;border-radius:8px;color:#2656a8;font-family:Nunito,sans-serif;font-size:1rem;padding:.875rem 1rem;transition:all .12s ease-out;width:100%}.auth-card .form-group input::placeholder{color:#7a9fd4}.auth-card .form-group input:hover{border-color:#3a6bba}.auth-card .form-group input:focus{background:#fff;border-color:#2656a8;box-shadow:0 0 0 3px #2656a81f;outline:none}.error-message{animation:errorShake .4s ease-out;background:#b83232;border-radius:100px;color:#fff;font-size:.9375rem;font-weight:700;margin-bottom:1.5rem;padding:.875rem 1.25rem;text-align:center}@keyframes errorShake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.auth-card .btn-block{background:#2656a8;border:none;border-radius:100px;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;margin-top:1.5rem;padding:1rem 2rem;transition:all .12s ease-out;width:100%}.auth-card .btn-block:hover:not(:disabled){background:#1e4a8f;box-shadow:0 4px 16px #2656a840;transform:translateY(-1px)}.auth-card .btn-block:active:not(:disabled){transform:translateY(0)}.auth-card .btn-block:disabled{cursor:not-allowed;opacity:.6}.auth-card .btn-block:disabled:after{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:16px;margin-top:-8px;position:absolute;right:1.5rem;top:50%;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.auth-toggle{border-top:2px solid #e8e4dc;color:#4a7ac4;font-size:.9375rem;margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-card .btn-link{background:none;border:none;color:#2656a8;cursor:pointer;font-family:Nunito,sans-serif;font-size:inherit;font-weight:700;padding:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:color .12s ease-out}.auth-card .btn-link:hover{color:#1e4a8f}.success-message{animation:cardEntry .3s ease-out;background:#1a8a4a;border-radius:100px;color:#fff;font-size:.9375rem;font-weight:700;margin-bottom:1.5rem;padding:.875rem 1.25rem;text-align:center}.btn-forgot{background:none;border:none;color:#4a7ac4;cursor:pointer;display:block;font-family:Nunito,sans-serif;font-size:.8125rem;font-weight:600;padding:.375rem 0 0;text-align:right;transition:color .12s ease-out}.btn-forgot:hover{color:#2656a8;text-decoration:underline;text-underline-offset:3px}.auth-divider{align-items:center;display:flex;gap:1rem;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{background:#e8e4dc;content:"";flex:1 1;height:2px}.auth-divider span{color:#7a9fd4;font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase}.auth-divider span,.btn-google{font-family:Nunito,sans-serif;font-weight:700}.btn-google{align-items:center;background:#fff;border:2px solid #ddd8cf;border-radius:100px;color:#2656a8;cursor:pointer;display:flex;font-size:1rem;gap:.75rem;justify-content:center;padding:.875rem 2rem;transition:all .12s ease-out;width:100%}.btn-google:hover:not(:disabled){border-color:#2656a8;box-shadow:0 4px 16px #2656a81f;transform:translateY(-1px)}.btn-google:active:not(:disabled){transform:translateY(0)}.btn-google:disabled{cursor:not-allowed;opacity:.6}.btn-google svg{flex-shrink:0;height:20px;width:20px}@media (max-width:480px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-logo{width:64px}.auth-card h1{font-size:1.5rem}.btn-google{font-size:.9375rem;padding:.75rem 1.5rem}}.landing-page{background:var(--color-background);color:var(--color-text);min-height:100vh;overflow-x:hidden}.landing-page .fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.landing-page .fade-in.visible{opacity:1;transform:translateY(0)}.landing-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:var(--space-md) var(--space-xl)}.landing-nav-logo{height:40px;width:auto}.landing-nav-links{align-items:center;display:flex;gap:var(--space-md)}.landing-nav-links a{color:var(--color-primary);font-size:.9375rem;font-weight:var(--weight-bold);text-decoration:none;transition:opacity var(--transition-fast)}.landing-nav-links a.btn-primary{color:#fff}.landing-nav-links a:hover{opacity:.8}.landing-hero{margin:0 auto;max-width:800px;padding:var(--space-3xl) var(--space-xl);text-align:center}.landing-hero-logo{height:auto;margin-bottom:var(--space-xl);width:100px}.landing-hero h1{color:var(--color-primary);font-size:2.75rem;font-weight:var(--weight-black);line-height:1.15;margin-bottom:var(--space-lg)}.landing-hero h1:after{display:none}.landing-hero p{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7;margin-bottom:var(--space-2xl);margin-left:auto;margin-right:auto;max-width:640px}.landing-hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.landing-section{margin:0 auto;max-width:1100px;padding:var(--space-3xl) var(--space-xl)}.landing-section h2{color:var(--color-primary);font-size:2rem;font-weight:var(--weight-black);margin-bottom:var(--space-lg);text-align:center}.landing-section h2:after{margin-left:auto;margin-right:auto}.landing-problem p{color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.75;margin:0 auto var(--space-lg) auto;max-width:720px;text-align:center}.landing-features-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(2,1fr);margin-top:var(--space-2xl)}.landing-feature-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-xl);position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base)}.landing-feature-card:before{background:var(--color-primary);border-radius:0 0 2px 2px;content:"";height:3px;left:var(--space-lg);position:absolute;right:var(--space-lg);top:0}.landing-feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.landing-feature-icon{font-size:2rem;margin-bottom:var(--space-md)}.landing-feature-card h3{color:var(--color-primary);font-size:1.125rem;font-weight:var(--weight-bold);margin-bottom:var(--space-sm)}.landing-feature-card p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6}.landing-price-guide{background:var(--color-primary);border-radius:var(--radius-lg);color:var(--white);margin:0 var(--space-xl);margin-left:auto;margin-right:auto;max-width:1100px;padding:var(--space-3xl) var(--space-xl);text-align:center}.landing-price-guide h2{color:var(--white)}.landing-price-guide h2:after{background:var(--white)}.landing-price-guide p{color:#ffffffe6;font-size:1.0625rem;line-height:1.7;margin:0 auto var(--space-lg) auto;max-width:640px}.landing-price-guide .seo-text{color:#ffffffb3;font-size:.875rem;margin-bottom:var(--space-xl)}.btn-white{align-items:center;background:var(--white);border:none;border-radius:var(--radius-pill);color:var(--color-primary);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:1rem;font-weight:var(--weight-bold);gap:var(--space-sm);padding:.875rem 2rem;text-decoration:none;transition:all var(--transition-fast)}.btn-white:hover{box-shadow:0 4px 16px #0003;color:var(--color-primary-hover);transform:translateY(-2px)}.landing-credibility{text-align:center}.landing-credibility h2:after{margin-left:auto;margin-right:auto}.landing-credibility p{color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.7;margin:0 auto var(--space-md) auto;max-width:600px}.landing-credibility .badge{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-pill);color:var(--color-primary);display:inline-block;font-size:.875rem;font-weight:var(--weight-bold);margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg)}.landing-final-cta{margin:0 auto;max-width:700px;padding:var(--space-3xl) var(--space-xl);text-align:center}.landing-final-cta h2{font-size:2rem;margin-bottom:var(--space-xl)}.landing-final-cta h2:after{margin-left:auto;margin-right:auto}.landing-footer{background:var(--color-primary);color:#ffffffd9;margin-top:var(--space-2xl);padding:var(--space-2xl) var(--space-xl)}.landing-footer-inner{display:flex;flex-wrap:wrap;gap:var(--space-2xl);justify-content:space-between;margin:0 auto;max-width:1100px}.landing-footer-about{max-width:480px}.landing-footer-about p{color:#ffffffb3;font-size:.875rem;line-height:1.7;margin-bottom:var(--space-md)}.landing-footer-links h4{color:var(--white);font-size:.875rem;letter-spacing:.05em;margin-bottom:var(--space-md);text-transform:uppercase}.landing-footer-links ul{list-style:none;margin:0;padding:0}.landing-footer-links li{margin-bottom:var(--space-sm)}.landing-footer-links a{color:#fffc;font-size:.9375rem;font-weight:var(--weight-medium);text-decoration:none;transition:color var(--transition-fast)}.landing-footer-links a:hover{color:var(--white)}.landing-footer-copy{border-top:1px solid #ffffff26;color:#ffffff80;font-size:.8125rem;margin-left:auto;margin-right:auto;margin-top:var(--space-xl);max-width:1100px;padding-top:var(--space-lg);text-align:center}.landing-speed{text-align:center}.landing-speed-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr;margin:var(--space-xl) auto 0;max-width:600px}.landing-speed-card{align-items:center;background:var(--white);border-radius:16px;box-shadow:0 2px 12px #2656a814;display:flex;flex-direction:column;padding:var(--space-lg)}.landing-speed-number{color:var(--cobalt);font-size:3.5rem;font-weight:800;line-height:1}.landing-speed-unit{color:var(--cobalt-light);font-size:1.125rem;font-weight:700;margin-top:.25rem}.landing-speed-label{color:#666;font-size:.9375rem;margin-top:.5rem;text-align:center}.landing-speed-cta{color:#666;font-size:1.125rem;font-weight:600;margin-top:var(--space-lg)}.landing-speed-cta a{color:var(--cobalt);font-weight:700;text-decoration:underline;text-underline-offset:3px}.landing-speed-cta a:hover{color:var(--cobalt-deep)}@media (max-width:480px){.landing-speed-grid{gap:var(--space-md);grid-template-columns:1fr}.landing-speed-number{font-size:2.75rem}}.landing-price-guide-badge{background:#fff3;border-radius:100px;color:#fff;display:inline-block;font-size:.8125rem;font-weight:700;letter-spacing:.08em;margin-bottom:var(--space-md);padding:.375rem 1rem;text-transform:uppercase}.landing-price-guide-sub{font-size:1rem;margin-top:-.5rem;opacity:.85}.landing-search-widget{margin:var(--space-lg) auto 0;max-width:700px;text-align:left}.landing-search-bar{align-items:center;display:flex;position:relative}.landing-search-icon{color:var(--cobalt);height:20px;left:1.125rem;opacity:.5;pointer-events:none;position:absolute;width:20px}.landing-search-bar input{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 20px #00000026;color:var(--cobalt);font-family:DM Sans,sans-serif;font-size:1rem;padding:1.125rem 1.125rem 1.125rem 3rem;transition:all .15s ease-out;width:100%}.landing-search-bar input::placeholder{color:#7a9fd4;font-size:.9375rem}.landing-search-bar input:focus{border-color:var(--cobalt);box-shadow:0 4px 24px #0003;outline:none}.landing-search-results{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-top:.75rem;max-height:500px;overflow:hidden;overflow-y:auto}.landing-search-result{border-bottom:1px solid #eee;padding:1rem 1.25rem;transition:background .1s}.landing-search-result:last-child{border-bottom:none}.landing-search-result:hover{background:#f8f9fb}.landing-result-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.landing-result-code{background:#2656a814;border-radius:4px;color:var(--cobalt);font-family:DM Sans,monospace;font-size:.75rem;font-weight:700;padding:.125rem .5rem}.landing-result-category{color:#7a9fd4;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.landing-result-description{color:#333;font-size:.9375rem;line-height:1.4;margin-bottom:.375rem}.landing-result-meta{display:flex;gap:.375rem;margin-bottom:.5rem}.landing-result-tag{background:#2656a80f;border-radius:100px;color:var(--cobalt);font-size:.6875rem;font-weight:600;padding:.125rem .5rem}.landing-result-prices{display:flex;flex-wrap:wrap;gap:1.25rem}.landing-result-price{display:flex;flex-direction:column}.landing-price-label{color:#999;font-size:.625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.landing-price-value{color:var(--cobalt);font-size:1.0625rem;font-weight:700}.landing-price-unit{color:#999;font-size:.75rem;font-weight:400}.landing-result-quote{color:#999;font-size:.8125rem;font-style:italic}.landing-search-footer{background:#2656a80a;padding:.875rem 1.25rem;text-align:center}.landing-search-cta{color:var(--cobalt);font-size:.875rem;font-weight:700;text-decoration:none;transition:color .12s}.landing-search-cta:hover{color:var(--cobalt-deep);text-decoration:underline}.landing-search-examples{background:#ffffff1a;border-radius:12px;margin-left:auto;margin-right:auto;margin-top:var(--space-lg);max-width:700px;padding:1.25rem 1.5rem;text-align:left}.landing-search-examples-title{color:#fff;font-size:.9375rem;font-weight:700;margin-bottom:.5rem}.landing-search-examples ul{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;list-style:none;margin:0 0 .75rem;padding:0}.landing-search-examples li{color:#ffffffe6;font-size:.875rem;line-height:1.4}.landing-search-examples li strong{background:#ffffff26;border-radius:4px;color:#fff;font-family:DM Sans,monospace;font-size:.8125rem;padding:.0625rem .375rem}.landing-search-examples li em{font-style:normal;opacity:.8}.landing-search-examples>p:last-child{color:#ffffffb3;font-size:.8125rem;margin:0}@media (max-width:480px){.landing-search-examples ul{grid-template-columns:1fr}}.landing-search-empty{color:#999;font-size:.9375rem;padding:1.5rem;text-align:center}@media (max-width:768px){.landing-hero{padding:var(--space-2xl) var(--space-lg)}.landing-hero h1{font-size:2rem}.landing-hero p{font-size:1rem}.landing-features-grid{grid-template-columns:1fr}.landing-price-guide,.landing-section{padding:var(--space-2xl) var(--space-lg)}.landing-price-guide{margin:0 var(--space-md)}.landing-search-bar input{font-size:.9375rem;padding:1rem 1rem 1rem 2.75rem}.landing-search-bar input::placeholder{font-size:.8125rem}.landing-search-results{max-height:400px}.landing-footer-inner{flex-direction:column}.landing-nav{padding:var(--space-md)}}@media (max-width:480px){.landing-hero h1{font-size:1.625rem}.landing-hero-ctas{align-items:center;flex-direction:column}.landing-section h2{font-size:1.5rem}}.landing-pricing{text-align:center}.landing-pricing-cards{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr;margin:var(--space-xl) auto 0;max-width:750px}.landing-pricing-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:var(--space-xl);position:relative;text-align:left}.landing-pricing-featured{border-color:var(--primary);box-shadow:0 8px 32px #3b82f626}.landing-pricing-badge{background:var(--primary);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.landing-pricing-card-header{margin-bottom:var(--space-lg)}.landing-pricing-card-header h3{font-size:1.3rem;margin-bottom:var(--space-xs)}.landing-pricing-price{align-items:baseline;display:flex;gap:4px;margin-bottom:var(--space-xs)}.landing-pricing-amount{color:var(--text-primary);font-size:2.2rem;font-weight:700}.landing-pricing-period{color:var(--text-secondary);font-size:1rem}.landing-pricing-card-header p{color:var(--text-secondary);font-size:.9rem}.landing-pricing-features{flex:1 1;list-style:none;margin:0 0 var(--space-xl) 0;padding:0}.landing-pricing-features li{align-items:center;display:flex;font-size:.95rem;gap:8px;padding:6px 0}.landing-check{color:#22c55e;color:var(--success,#22c55e);font-weight:700}.landing-cross{color:var(--text-secondary);opacity:.4}.landing-feature-no{opacity:.5}.landing-pricing-btn{text-align:center;width:100%}@media (max-width:600px){.landing-pricing-cards{grid-template-columns:1fr;max-width:400px}}.landing-hero-sub{color:var(--color-primary)!important;font-size:1.2rem!important;font-weight:var(--weight-semibold);margin-bottom:var(--space-sm)!important}.landing-hero-signup{margin-bottom:var(--space-lg)}.landing-hero-form{display:flex;gap:var(--space-sm);justify-content:center;margin:0 auto var(--space-sm);max-width:480px}.landing-hero-email{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);flex:1 1;font-size:1rem;padding:.85rem 1rem;transition:border-color .2s}.landing-hero-email:focus{border-color:var(--color-primary);outline:none}.landing-hero-btn{font-size:1rem!important;padding:.85rem 1.5rem!important;white-space:nowrap}.landing-hero-reassurance{margin:0;text-align:center}.landing-hero-reassurance,.landing-hero-trust{color:var(--color-text-secondary);font-size:.85rem}.landing-hero-trust{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;margin-top:var(--space-xl)}.landing-hero-trust span{align-items:center;display:flex;gap:.35rem}.landing-credibility-inner{margin:0 auto;max-width:700px;text-align:center}.landing-credibility-quote{border-left:3px solid var(--color-primary);color:var(--color-primary);font-size:1.15rem;font-style:italic;margin-bottom:var(--space-lg);padding-left:var(--space-md);text-align:left}.landing-credibility-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-top:var(--space-lg)}.landing-credibility-badges .badge{background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;font-size:.8rem;padding:.4rem .8rem}.landing-pricing-table-wrap{margin:var(--space-2xl) auto;max-width:700px;overflow-x:auto}.landing-pricing-table{border-collapse:collapse;font-size:.95rem;width:100%}.landing-pricing-table td,.landing-pricing-table th{border-bottom:1px solid var(--color-border);padding:.75rem 1rem;text-align:left}.landing-pricing-table thead th{color:var(--color-text);font-size:1rem;font-weight:var(--weight-bold);padding-bottom:1rem}.landing-table-pro{color:var(--color-primary)!important}.landing-pricing-table td:first-child{font-weight:var(--weight-medium)}.landing-pricing-table td:nth-child(2),.landing-pricing-table td:nth-child(3),.landing-pricing-table th:nth-child(2),.landing-pricing-table th:nth-child(3){text-align:center}.landing-pricing-table .landing-check{color:#22c55e;color:var(--color-success,#22c55e);font-weight:700}.landing-pricing-table .landing-cross{color:var(--color-text-secondary);opacity:.4}.landing-pricing-upgrade-note{color:var(--color-text-secondary);font-size:.8rem;margin-bottom:var(--space-md);padding:0 var(--space-md);text-align:center}.landing-pricing-value{color:var(--color-primary)!important;font-weight:var(--weight-semibold)!important}.landing-pricing-save{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:var(--space-md);text-align:center}.landing-final-sub{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:var(--space-lg)}.landing-final-reassurance{color:var(--color-text-secondary);font-size:.8rem;margin-top:var(--space-md)}@media (max-width:600px){.landing-hero-form,.landing-hero-trust{flex-direction:column}.landing-hero-trust{align-items:center;gap:var(--space-sm)}.landing-pricing-table{font-size:.8rem}.landing-pricing-table td,.landing-pricing-table th{padding:.5rem}}
/*# sourceMappingURL=main.d3b42f76.css.map*/