:root{--color-primary: #0079bf;--color-primary-hover: #026aa7;--color-primary-active: #01567a;--color-text: #172b4d;--color-text-secondary: #5e6c84;--color-text-muted: #97a0af;--color-text-inverse: #ffffff;--surface-base: #f4f5f7;--surface-elevated: #ffffff;--surface-sunken: #ebecf0;--surface-overlay: rgba(9, 30, 66, .54);--border-default: #dfe1e6;--border-focused: #0079bf;--border-error: #de350b;--status-draft-bg: #dfe1e6;--status-draft-text: #5e6c84;--status-draft-border: #c1c7d0;--status-field-review-bg: #fff0b3;--status-field-review-text: #172b4d;--status-field-review-border: #ffab00;--status-review-bg: #ffebe6;--status-review-text: #de350b;--status-review-border: #ff8b5c;--status-ready-bg: #deebff;--status-ready-text: #0052cc;--status-ready-border: #4c9aff;--status-invoiced-bg: #e3fcef;--status-invoiced-text: #006644;--status-invoiced-border: #57d9a3;--status-archived-bg: #f4f5f7;--status-archived-text: #97a0af;--status-archived-border: #dfe1e6;--sync-synced: #00875a;--sync-pending: #ff991f;--sync-error: #de350b;--sync-offline: #97a0af;--color-success: #00875a;--color-warning: #ff991f;--color-error: #de350b;--color-info: #0065ff;--font-display: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--touch-target-min: 44px;--touch-target-comfortable: 56px;--touch-target-large: 64px;--header-height: 48px;--bottom-nav-height: 64px;--fab-size: 56px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(9, 30, 66, .25);--shadow-md: 0 4px 8px rgba(9, 30, 66, .25);--shadow-lg: 0 8px 16px rgba(9, 30, 66, .25);--shadow-card: 0 1px 3px rgba(9, 30, 66, .12), 0 1px 2px rgba(9, 30, 66, .08);--shadow-card-hover: 0 8px 16px rgba(9, 30, 66, .15), 0 2px 4px rgba(9, 30, 66, .1);--transition-fast: .1s ease-out;--transition-normal: .2s ease-out;--transition-smooth: .25s cubic-bezier(.25, .1, .25, 1);--header-bg: #026aa7;--header-bg-dark: #01567a;--sidebar-width: 240px;--sidebar-bg: #023e6b;--sidebar-text: rgba(255, 255, 255, .85);--sidebar-hover: rgba(255, 255, 255, .1);--sidebar-active: rgba(255, 255, 255, .2);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}@media(prefers-contrast:more){:root{--color-text: #000000;--color-text-secondary: #333333;--border-default: #000000}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--color-text);background:var(--surface-base);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex-direction:column;min-height:100dvh}.app-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,var(--header-bg) 0%,var(--header-bg-dark) 100%);color:var(--color-text-inverse);padding-top:var(--safe-area-top);box-shadow:0 2px 4px #00000026}.header-content{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-4);gap:var(--space-3)}.header-left{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.header-logo{width:28px;height:28px;border-radius:50%;background:#fff;object-fit:contain;flex-shrink:0}.header-title{font-size:var(--text-base);font-weight:var(--font-weight-bold);letter-spacing:.01em}.header-search{flex:1;max-width:400px;position:relative}.header-search__input{width:100%;height:32px;padding:0 var(--space-3) 0 36px;background:#fff3;border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:var(--text-sm);font-family:var(--font-body);transition:background var(--transition-smooth)}.header-search__input::placeholder{color:#fff9}.header-search__input:focus{outline:none;background:#ffffff4d}.header-search__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:16px;height:16px;color:#fff9;pointer-events:none}.header-avatar{width:32px;height:32px;border-radius:50%;background:#fff3;color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-smooth);flex-shrink:0;text-decoration:none;border:none}.header-avatar:hover{background:#ffffff4d}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.sidebar-nav{display:none}.page-content{flex:1;padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-8))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:stretch;justify-content:space-around;height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--surface-elevated);border-top:1px solid var(--border-default);z-index:100}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);flex:1;padding:var(--space-2);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-xs);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);position:relative}.bottom-nav__item--active{color:var(--color-primary)}.bottom-nav__item--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:48px;height:3px;background:var(--color-primary);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.bottom-nav__icon{width:24px;height:24px}.sync-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:#fff3}.sync-indicator__dot{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor}.sync-indicator--synced{color:#57d9a3}.sync-indicator--pending{color:var(--sync-pending)}.sync-indicator--error{color:#ff8b5c}.sync-indicator--offline{color:#fff9}.sync-indicator--pending .sync-indicator__dot{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--surface-elevated) 50%,var(--surface-sunken) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-semibold);line-height:1.25;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-secondary{background:var(--surface-elevated);color:var(--color-text);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--surface-sunken)}.btn-large{min-height:var(--touch-target-large);padding:var(--space-4) var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-block{display:flex;width:100%}.btn-link{background:none;border:none;color:var(--color-primary);padding:var(--space-2)}.card{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.card-interactive{cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card-interactive:hover{box-shadow:var(--shadow-md)}.card-interactive:active{transform:scale(.98)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.025em;border-radius:var(--radius-full);border:1px solid}.status-draft{background:var(--status-draft-bg);color:var(--status-draft-text);border-color:var(--status-draft-border)}.status-field_review{background:var(--status-field-review-bg);color:var(--status-field-review-text);border-color:var(--status-field-review-border)}.status-review{background:var(--status-review-bg);color:var(--status-review-text);border-color:var(--status-review-border)}.status-ready_for_invoice{background:var(--status-ready-bg);color:var(--status-ready-text);border-color:var(--status-ready-border)}.status-invoiced{background:var(--status-invoiced-bg);color:var(--status-invoiced-text);border-color:var(--status-invoiced-border)}.status-archived{background:var(--status-archived-bg);color:var(--status-archived-text);border-color:var(--status-archived-border)}.ticket-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--surface-elevated);border:1px solid var(--border-default);border-left-width:6px;border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.ticket-card[data-status=draft]{border-left-color:var(--status-draft-border)}.ticket-card[data-status=field_review]{border-left-color:var(--status-field-review-border)}.ticket-card[data-status=review]{border-left-color:var(--status-review-border)}.ticket-card[data-status=ready_for_invoice]{border-left-color:var(--status-ready-border)}.ticket-card[data-status=invoiced]{border-left-color:var(--status-invoiced-border)}.ticket-card[data-status=archived]{border-left-color:var(--status-archived-border)}.ticket-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.ticket-card__number{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.ticket-card__customer{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text)}.ticket-card__address{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-card__meta{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-default);font-size:var(--text-sm);color:var(--color-text-secondary)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.input{display:block;width:100%;min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--border-focused);box-shadow:0 0 0 2px #0079bf33}.input:disabled{background:var(--surface-sunken);color:var(--color-text-muted);cursor:not-allowed}.input--error{border-color:var(--border-error)}.list{list-style:none}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-elevated);border-bottom:1px solid var(--border-default)}.list-item:first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.list-item:last-child{border-bottom:none;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.list-item-interactive{cursor:pointer;transition:background var(--transition-fast)}.list-item-interactive:hover{background:var(--surface-sunken)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.empty-state__icon{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--color-text-muted)}.empty-state__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.error-page h1{font-size:var(--text-xl);margin-bottom:var(--space-2)}.error-page p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - var(--header-height) - var(--safe-area-top));padding:var(--space-6);text-align:center}.login-logo{width:80px;height:80px;margin-bottom:var(--space-6);color:var(--color-primary)}.login-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.login-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;max-width:320px;min-height:var(--touch-target-large);padding:var(--space-4) var(--space-6);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background:#0079bf;border:none;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none}.login-btn:hover{background:#026aa7}.login-btn svg{width:24px;height:24px}.dashboard-greeting{margin-bottom:var(--space-4)}.dashboard-greeting h1{font-size:var(--text-xl);font-weight:var(--font-weight-semibold)}.dashboard-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.stat-card{background:var(--surface-elevated);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.stat-card__value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.stat-card__label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.section-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}:root{--color-danger: var(--color-error);--color-bg: var(--surface-elevated);--color-bg-secondary: var(--surface-sunken);--color-warning-bg: #fff8e6}.btn-small{min-height:36px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background:#064}.btn-success:active:not(:disabled){background:#053}.btn-danger{background:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:#bf2600}.fab{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-4));right:var(--space-4);display:flex;align-items:center;justify-content:center;width:var(--fab-size);height:var(--fab-size);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;z-index:50;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.fab:hover{transform:scale(1.05);box-shadow:0 12px 24px #091e4259}.fab:active{transform:scale(.95)}.fab__icon{width:24px;height:24px}.ticket-edit-header{position:sticky;top:0;z-index:50;background:var(--surface-elevated);padding:var(--space-3) var(--space-4);margin:calc(-1 * var(--space-4));margin-bottom:var(--space-4);border-bottom:1px solid var(--border-default);box-shadow:0 2px 4px #0000000d}.ticket-edit-header__content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ticket-edit-header__left{display:flex;align-items:center;gap:var(--space-3)}.ticket-edit-header__title{font-weight:700;font-size:var(--text-xl);font-family:var(--font-display)}.ticket-edit-header__subtitle{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.ticket-edit-header__subtitle .ticket-number{font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);margin-bottom:0}#toast-container{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-4));left:var(--space-4);right:var(--space-4);z-index:1001;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{background:var(--color-text);color:var(--color-text-inverse);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toast-slide-up .3s ease-out;pointer-events:auto;display:flex;align-items:center;gap:var(--space-2)}.toast--success{background:var(--color-success)}.toast--error{background:var(--color-error)}.toast--info{background:var(--color-text)}.toast--exit{animation:toast-slide-down .2s ease-in forwards}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.field-error{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-1)}.form-section-collapsible{margin-bottom:var(--space-4)}.form-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:var(--text-lg);color:var(--color-text);transition:background var(--transition-fast)}.form-section-header:hover{background:var(--surface-sunken)}.form-section-chevron{width:20px;height:20px;transition:transform var(--transition-normal)}.form-section-collapsible.collapsed .form-section-chevron{transform:rotate(-90deg)}.form-section-content{padding:var(--space-4);padding-top:var(--space-3);border:1px solid var(--border-default);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--surface-elevated)}.form-section-collapsible.collapsed .form-section-content{display:none}.form-section-collapsible:not(.collapsed) .form-section-header{border-radius:var(--radius-md) var(--radius-md) 0 0}.labor-only-card{margin-bottom:var(--space-4);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.labor-only-toggle{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;transition:background var(--transition-fast)}.labor-only-toggle:hover{background:var(--surface-sunken)}.labor-only-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.labor-only-content{display:flex;flex-direction:column;gap:var(--space-1)}.labor-only-content strong{font-size:var(--text-base);color:var(--color-text)}.labor-only-content span{font-size:var(--text-sm);color:var(--color-text-secondary)}.materials-section-dimmed{opacity:.5;pointer-events:none}.labor-entry,.material-entry{transition:background var(--transition-fast);border-radius:var(--radius-sm);margin:calc(-1 * var(--space-2));padding:var(--space-3) var(--space-2)}.labor-entry:hover,.material-entry:hover{background:var(--surface-sunken)}.card{box-shadow:var(--shadow-sm)}.form-label .required-indicator,.form-label span[style*="color: var(--color-danger)"]{color:var(--color-error);font-weight:var(--font-weight-normal)}.input:hover:not(:disabled):not(:focus){border-color:var(--color-text-muted)}textarea.input{resize:vertical;min-height:100px}.form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.form-modal__content{background:var(--surface-elevated);padding:var(--space-5);border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.form-modal__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-text)}.form-modal__actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.form-modal__actions .btn{flex:1}.search-results{border:1px solid var(--border-default);border-radius:var(--radius-md);max-height:200px;overflow-y:auto}.search-result-item{padding:var(--space-3);cursor:pointer;border-bottom:1px solid var(--border-default);transition:background var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--surface-sunken)}.labor-entry,.material-entry{display:flex;justify-content:space-between;align-items:center}.entry-details{flex:1}.entry-actions{display:flex;gap:var(--space-2);align-items:center}.btn-danger-small{background:transparent;color:var(--color-error);border:none;padding:var(--space-1);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.btn-danger-small:hover{background:#de350b1a}.hours-input,.qty-input{width:70px;min-width:60px;text-align:center;font-size:16px;font-family:var(--font-display);font-weight:500;padding:var(--space-2) var(--space-2);-moz-appearance:textfield}.hours-input::-webkit-outer-spin-button,.hours-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(min-width:640px){.page-content{padding:var(--space-6);max-width:600px;margin:0 auto}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.dashboard-stats--2x2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;height:100vh}.app-header{grid-column:1 / -1}.app-content{grid-column:2;grid-row:2;min-width:0;overflow-y:auto}.sidebar-nav.sidebar-nav{display:flex;flex-direction:column;background:var(--sidebar-bg);padding:var(--space-4) 0;overflow-y:auto}.sidebar-nav__logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5) var(--space-4);margin-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-nav__logo-img{width:32px;height:32px;border-radius:50%;background:#fff}.sidebar-nav__logo-text{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--sidebar-text);line-height:1.2}.sidebar-nav__logo-text small{display:block;font-weight:var(--font-weight-normal);font-size:var(--text-xs);opacity:.7}.sidebar-nav__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:var(--sidebar-text);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:background var(--transition-smooth),color var(--transition-smooth);border-left:3px solid transparent}.sidebar-nav__item:hover{background:var(--sidebar-hover)}.sidebar-nav__item--active{background:var(--sidebar-active);color:#fff;border-left-color:#fff}.sidebar-nav__item svg{width:20px;height:20px;flex-shrink:0}.page-content.page-content{max-width:960px;padding-bottom:var(--space-6)}.bottom-nav.bottom-nav{display:none}.fab.fab{bottom:var(--space-6)}}.materials-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;pointer-events:none;visibility:hidden}.materials-panel--open{pointer-events:auto;visibility:visible}.materials-panel__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#091e42b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .25s ease-out}.materials-panel--open .materials-panel__backdrop{opacity:1}.materials-panel__container{position:absolute;bottom:0;left:0;right:0;height:65vh;max-height:calc(100vh - 60px);background:var(--surface-elevated);border-radius:20px 20px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);box-shadow:0 -8px 32px #091e4259;overflow:hidden}.materials-panel--open .materials-panel__container{transform:translateY(0)}.materials-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#1a1f36,#252d4a);border-bottom:3px solid var(--color-primary);flex-shrink:0}.materials-panel__title{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:#fff;letter-spacing:.02em;margin:0}.materials-panel__icon{width:22px;height:22px;stroke:var(--color-primary)}.materials-panel__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease-out}.materials-panel__close:hover{background:#fff3;transform:scale(1.05)}.materials-panel__close:active{transform:scale(.95)}.materials-panel__close svg{width:20px;height:20px;stroke:#fff}.materials-panel__tabs{display:flex;gap:2px;padding:var(--space-3);background:var(--surface-sunken);flex-shrink:0}.materials-panel__tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-3) var(--space-2);background:transparent;border:2px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .15s ease-out;min-height:var(--touch-target-comfortable)}.materials-panel__tab svg{width:20px;height:20px;stroke-width:2;transition:all .15s ease-out}.materials-panel__tab:hover{background:var(--surface-elevated);color:var(--color-text)}.materials-panel__tab--active{background:var(--surface-elevated);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 2px 8px #0079bf33}.materials-panel__tab--active svg{stroke:var(--color-primary)}.materials-panel__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.materials-panel__list{padding:var(--space-2)}.materials-panel__kit-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);margin-bottom:var(--space-2);background:var(--surface-elevated);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease-out;min-height:var(--touch-target-comfortable)}.materials-panel__kit-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0079bf26;transform:translateY(-1px)}.materials-panel__kit-card:active{transform:translateY(0);box-shadow:none}.materials-panel__kit-info{display:flex;flex-direction:column;gap:4px}.materials-panel__kit-name{font-weight:600;color:var(--color-text);font-size:var(--text-base)}.materials-panel__kit-count{font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-display)}.materials-panel__kit-chevron{width:20px;height:20px;stroke:var(--color-text-muted);flex-shrink:0}.materials-panel__kit-detail{padding:var(--space-3)}.materials-panel__back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-sunken);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease-out;margin-bottom:var(--space-4)}.materials-panel__back-btn:hover{background:var(--border-default);color:var(--color-text)}.materials-panel__back-btn svg{width:16px;height:16px}.materials-panel__kit-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--border-default)}.materials-panel__kit-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0}.materials-panel__add-all-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-success) 0%,#00a86b 100%);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease-out;box-shadow:0 2px 8px #00875a4d}.materials-panel__add-all-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00875a66}.materials-panel__add-all-btn:active{transform:translateY(0)}.materials-panel__add-all-btn svg{width:16px;height:16px}.materials-panel__kit-items{display:flex;flex-direction:column;gap:var(--space-2)}.materials-panel__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);min-height:var(--touch-target-comfortable);transition:all .15s ease-out}.materials-panel__item:active{background:var(--surface-sunken)}.materials-panel__item--favorite{border-left:4px solid #ff6b6b}.materials-panel__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.materials-panel__item-name{font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.materials-panel__item-nickname{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}.materials-panel__item-price{font-size:var(--text-sm);color:var(--color-text-muted);font-family:var(--font-display)}.materials-panel__item-qty{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.materials-panel__item-default-qty{font-size:var(--text-sm);font-family:var(--font-display);color:var(--color-text-muted);min-width:28px;text-align:right}.materials-panel__item-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.materials-panel__item-add{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease-out;box-shadow:0 2px 6px #0079bf40}.materials-panel__item-add:hover{background:var(--color-primary-hover);transform:scale(1.05)}.materials-panel__item-add:active{transform:scale(.95)}.materials-panel__item-add svg{width:20px;height:20px;stroke:#fff}.materials-panel__unfavorite{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:#ff6b6b;transition:all .15s ease-out}.materials-panel__unfavorite:hover{background:#ff6b6b1a;transform:scale(1.1)}.materials-panel__unfavorite svg{width:18px;height:18px}.materials-panel__is-favorite{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#ff6b6b}.materials-panel__is-favorite svg{width:14px;height:14px}.materials-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);text-align:center}.materials-panel__empty-icon{width:64px;height:64px;stroke:var(--color-text-muted);margin-bottom:var(--space-4);opacity:.5}.materials-panel__empty-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--space-2)}.materials-panel__empty-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.materials-panel__search{padding:var(--space-3);display:flex;flex-direction:column;height:100%}.materials-panel__search-input-wrapper{position:relative;margin-bottom:var(--space-3)}.materials-panel__search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;stroke:var(--color-text-muted);pointer-events:none}.materials-panel__search-input{width:100%;height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4) var(--space-3) 48px;background:var(--surface-sunken);border:2px solid var(--border-default);border-radius:var(--radius-lg);font-size:16px;font-family:var(--font-body);color:var(--color-text);transition:all .15s ease-out}.materials-panel__search-input:focus{outline:none;border-color:var(--color-primary);background:var(--surface-elevated);box-shadow:0 0 0 3px #0079bf26}.materials-panel__search-input::placeholder{color:var(--color-text-muted)}.materials-panel__search-clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease-out}.materials-panel__search-clear:hover{background:var(--border-default)}.materials-panel__search-clear svg{width:18px;height:18px;stroke:var(--color-text-muted)}.materials-panel__search-results{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--space-3));padding:0 var(--space-3)}.materials-panel__search-empty{display:flex;align-items:center;justify-content:center;height:120px;color:var(--color-text-muted);font-size:var(--text-sm)}.materials-panel__search-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);margin-top:var(--space-2);background:#0065ff14;border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-info);flex-shrink:0}.materials-panel__search-hint svg{width:14px;height:14px;flex-shrink:0}.materials-panel__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-secondary);font-size:var(--text-sm)}.materials-panel__spinner{width:24px;height:24px;border:3px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.materials-panel__misc{padding:var(--space-4)}.materials-panel__misc-warning{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#ff991f1f,#ff991f0f);border:1px solid rgba(255,153,31,.3);border-left:4px solid var(--color-warning);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.materials-panel__misc-warning svg{width:20px;height:20px;stroke:var(--color-warning);flex-shrink:0}.materials-panel__misc-warning span{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.materials-panel__misc-form{display:flex;flex-direction:column;gap:var(--space-4)}.materials-panel__field{display:flex;flex-direction:column;gap:var(--space-2)}.materials-panel__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.materials-panel__required{color:var(--color-error)}.materials-panel__input{height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:2px solid var(--border-default);border-radius:var(--radius-md);font-size:16px;font-family:var(--font-body);color:var(--color-text);transition:all .15s ease-out}.materials-panel__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0079bf26}.materials-panel__input--qty{width:100px;text-align:center;font-family:var(--font-display);font-weight:500}.materials-panel__textarea{padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:2px solid var(--border-default);border-radius:var(--radius-md);font-size:16px;font-family:var(--font-body);color:var(--color-text);resize:vertical;min-height:80px;transition:all .15s ease-out}.materials-panel__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0079bf26}.materials-panel__misc-submit{display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--touch-target-large);padding:var(--space-4);background:linear-gradient(135deg,var(--color-warning) 0%,#ff8c00 100%);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease-out;box-shadow:0 4px 12px #ff991f59;margin-top:var(--space-2)}.materials-panel__misc-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff991f73}.materials-panel__misc-submit:active{transform:translateY(0)}.materials-panel__misc-submit svg{width:20px;height:20px}.site-view-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.site-view-header__left{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.site-view-header__info{min-width:0;flex:1}.site-view-header__title{font-weight:700;font-size:var(--text-xl);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-view-header__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.site-info-card{padding:var(--space-4);margin-bottom:var(--space-4)}.site-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border-default)}.site-info-row:last-child{border-bottom:none;padding-bottom:0}.site-info-row:first-child{padding-top:0}.site-info-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.site-info-value{font-weight:500;color:var(--color-text)}.site-trello-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);text-decoration:none;font-size:var(--text-sm);font-weight:500}.site-trello-link:hover{text-decoration:underline}.site-notes-card{padding:var(--space-4);margin-bottom:var(--space-4)}.site-notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.site-notes-title{font-size:var(--text-base);font-weight:600;margin:0}.site-notes-textarea{min-height:80px;resize:vertical}.site-notes-actions{display:flex;justify-content:flex-end;margin-top:var(--space-3)}.site-tickets-section{margin-bottom:var(--space-4)}.ticket-list{display:flex;flex-direction:column;gap:var(--space-1)}.ticket-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color .15s}.ticket-list-item:hover{border-color:var(--color-primary)}.ticket-list-item__status{font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:9999px;white-space:nowrap;flex-shrink:0}.ticket-list-item__name{font-size:var(--text-sm);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-list-item__meta{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.site-attachments-card{padding:var(--space-4);margin-bottom:var(--space-4)}.site-attachments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.site-attachments-title{font-size:var(--text-base);font-weight:600;margin:0}.site-attachments-list{display:flex;flex-direction:column;gap:var(--space-2)}.site-attachments-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.site-attachment-thumb{display:block;width:100%;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-sunken);border:1px solid var(--border-default)}.site-attachment-thumb img{width:100%;height:100%;object-fit:cover}.site-attachments-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-4);font-size:var(--text-sm)}.attachment-uploader{border:1px dashed var(--border-default);border-radius:var(--radius-md);background:var(--surface-sunken);padding:var(--space-3)}.attachment-uploader--compact{padding:0;border:none;background:transparent}.attachment-uploader--drag-over{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--surface-sunken))}.attachment-uploader__body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.attachment-uploader__title{font-size:var(--text-sm);font-weight:600}.attachment-uploader__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.attachment-uploader__actions{display:flex;align-items:center;gap:var(--space-2)}.attachment-gallery__filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.attachment-gallery__filter{padding:6px 10px;border:1px solid var(--border-default);border-radius:999px;background:var(--surface-elevated);cursor:pointer;font-size:var(--text-xs);color:var(--color-text-secondary)}.attachment-gallery__filter--active{border-color:var(--color-primary);color:var(--color-primary)}.attachment-gallery__count{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.attachment-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.attachment-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);border:1px solid var(--border-default)}.attachment-card--image{align-items:stretch;flex-direction:column}.attachment-card__preview{border:none;background:transparent;padding:0;cursor:pointer;width:100%}.attachment-card--image .attachment-card__preview{aspect-ratio:1.2;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-elevated)}.attachment-card__preview img{width:100%;height:100%;object-fit:cover;display:block}.attachment-card__icon{width:44px;height:44px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;background:var(--surface-elevated);color:var(--color-text-muted)}.attachment-card__content{min-width:0;flex:1}.attachment-card__name{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-card__name a{color:inherit;text-decoration:none}.attachment-card__meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.attachment-card__delete{border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;align-self:flex-start}.attachment-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200}.attachment-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#080f18d6}.attachment-lightbox__content{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.attachment-lightbox__stage{max-width:min(92vw,1100px);max-height:86vh;display:flex;flex-direction:column;gap:var(--space-3)}.attachment-lightbox__stage img{max-width:100%;max-height:calc(86vh - 40px);border-radius:var(--radius-lg)}.attachment-lightbox__caption{display:flex;justify-content:space-between;gap:var(--space-2);color:#fff;font-size:var(--text-sm)}.attachment-lightbox__close,.attachment-lightbox__nav{position:absolute;border:none;border-radius:999px;background:#ffffff24;color:#fff;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.attachment-lightbox__close{top:var(--space-4);right:var(--space-4)}.attachment-lightbox__nav--prev{left:var(--space-4)}.attachment-lightbox__nav--next{right:var(--space-4)}.site-attachment-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-md)}.site-attachment-uploading{opacity:.7}.site-attachment-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.site-attachment-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-attachment-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.material-picker{position:relative;margin-bottom:var(--space-4)}.material-picker__panel{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-lg);overflow:hidden}.material-picker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-default)}.material-picker__title{font-size:var(--text-base);font-weight:600}.material-picker__subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.material-picker__close{border:none;background:transparent;color:var(--color-text-muted);cursor:pointer}.material-picker__tabs{display:flex;gap:var(--space-1);padding:var(--space-3);background:var(--surface-sunken)}.material-picker__tab{flex:1;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);cursor:pointer}.material-picker__tab--active{background:var(--surface-elevated);color:var(--color-primary)}.material-picker__section{padding:var(--space-3)}.material-picker__search{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:0 var(--space-3);background:var(--surface-elevated)}.material-picker__search input{border:none;background:transparent;width:100%;min-height:48px;color:var(--color-text)}.material-picker__results{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.material-picker__row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-elevated);cursor:pointer;text-align:left}.material-picker__thumb{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface-sunken);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--color-text-muted)}.material-picker__thumb img{width:100%;height:100%;object-fit:cover}.material-picker__copy{min-width:0;flex:1}.material-picker__name{font-size:var(--text-sm);font-weight:600}.material-picker__meta,.material-picker__empty,.material-picker__group-title,.material-picker__kit-description{font-size:var(--text-xs);color:var(--color-text-muted)}.material-picker__action,.material-picker__price{font-size:var(--text-xs);font-weight:600;color:var(--color-primary)}.material-picker__loading,.material-picker__empty{padding:var(--space-5);text-align:center}.material-picker__kit{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-elevated);padding:var(--space-3);margin-top:var(--space-3)}.material-picker__kit-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.material-picker__kit-toggle{border:none;background:transparent;display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;cursor:pointer;color:var(--color-text)}.material-picker__kit-items{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.material-picker__kit-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0}.material-picker__kit-item-thumb{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.material-picker__kit-item-thumb img{width:100%;height:100%;object-fit:cover}.material-picker__kit-item-name{flex:1;font-size:var(--text-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-picker__kit-item-qty{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);flex-shrink:0}.catalog-favorites-list,.catalog-kits-tab{margin-bottom:var(--space-4)}.catalog-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.catalog-toolbar__search{position:relative;flex:1;min-width:0}.catalog-toolbar__search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.catalog-toolbar__input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) 38px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text);min-height:40px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.catalog-toolbar__input:focus{outline:none;border-color:var(--border-focused);box-shadow:0 0 0 2px #0079bf26}.catalog-toolbar__input::placeholder{color:var(--color-text-muted)}.catalog-toolbar__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.catalog-toolbar__filter{min-height:40px;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-family:var(--font-body);background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.catalog-toolbar__filter:focus{outline:none;border-color:var(--border-focused)}.catalog-toolbar__btn{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-3);min-height:40px;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-body);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.catalog-toolbar__btn:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.catalog-toolbar__btn--active{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--surface-elevated))}.catalog-sort-row{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-3);padding:0 var(--space-1)}.catalog-sort-row__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:var(--space-1);flex-shrink:0}.catalog-sort-row__btn{border:none;background:none;padding:var(--space-1) var(--space-2);cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--font-weight-medium);font-family:var(--font-body);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.catalog-sort-row__btn:hover{color:var(--color-text-secondary);background:var(--surface-sunken)}.catalog-sort-row__btn--active{color:var(--color-primary);font-weight:var(--font-weight-bold)}.catalog-sort-row__arrow{font-family:var(--font-display);font-size:11px}.catalog-sort-row__count{margin-left:auto;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);font-family:var(--font-display)}@media(max-width:639px){.catalog-toolbar{flex-direction:column;align-items:stretch}.catalog-toolbar__actions{flex-wrap:wrap}.catalog-sort-row{overflow-x:auto;scrollbar-width:none}.catalog-sort-row::-webkit-scrollbar{display:none}}.catalog-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.catalog-item-grid--mobile{grid-template-columns:1fr}.catalog-item-tile{position:relative;text-align:left;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-elevated);padding:var(--space-4);cursor:pointer}.catalog-item-tile--selected{border-color:var(--color-primary)}.catalog-item-tile__favorite{position:absolute;top:var(--space-3);right:var(--space-3);border:none;background:transparent;color:var(--color-warning);cursor:pointer}.catalog-item-tile__thumbnail{width:56px;height:56px;border-radius:var(--radius-md);background:var(--surface-sunken);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:var(--space-3);color:var(--color-text-muted)}.catalog-item-tile__thumbnail img{width:100%;height:100%;object-fit:cover}.catalog-item-tile__name{font-weight:600}.catalog-item-tile__secondary,.catalog-item-tile__meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:4px}.catalog-item-tile__meta{display:flex;justify-content:space-between;gap:var(--space-2)}.catalog-item-tile__price{margin-top:var(--space-3);color:var(--color-primary);font-weight:600}.catalog-detail-panel{padding:var(--space-4);margin-bottom:var(--space-4);border-left:3px solid var(--color-primary)}.catalog-detail-panel__header,.catalog-detail-panel__media-actions,.catalog-detail-panel__inline,.catalog-detail-panel__actions,.catalog-kit-card__header,.catalog-kit-card__actions,.catalog-kit-editor__item-controls{display:flex;align-items:center;gap:var(--space-2);justify-content:space-between}.catalog-detail-panel__header h3{margin:0}.catalog-detail-panel__header p{margin:4px 0 0;color:var(--color-text-muted);font-size:var(--text-xs)}.catalog-detail-panel__close,.catalog-detail-panel__plain-button{border:none;background:transparent;cursor:pointer}.catalog-detail-panel__plain-button{padding:0;color:var(--color-primary)}.catalog-detail-panel__layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-4)}.catalog-detail-panel__image,.catalog-detail-panel__dropzone{width:100%;aspect-ratio:1;border-radius:var(--radius-lg)}.catalog-detail-panel__image{object-fit:cover}.catalog-detail-panel__dropzone{border:2px dashed var(--border-default);background:var(--surface-sunken);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;color:var(--color-text-muted);cursor:pointer}.catalog-detail-panel__dropzone--active{border-color:var(--color-primary)}.catalog-detail-panel__content{display:flex;flex-direction:column;gap:var(--space-3)}.catalog-detail-panel__label,.catalog-item-confirm__label,.catalog-kit-editor__item-id{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.catalog-detail-panel__grid,.catalog-kit-editor__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.catalog-detail-panel__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.catalog-detail-panel__chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:var(--surface-sunken);font-size:var(--text-xs)}.catalog-item-confirm__diffs{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.catalog-item-confirm__values{display:flex;align-items:center;gap:var(--space-2);margin-top:4px}.catalog-item-confirm__arrow{color:var(--color-text-muted)}.catalog-favorite-card,.catalog-kit-card,.catalog-kit-editor__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border-default)}.catalog-favorite-card{margin-bottom:var(--space-2)}.catalog-favorite-card__thumb{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface-sunken);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.catalog-favorite-card__thumb img{width:100%;height:100%;object-fit:cover}.catalog-favorite-card__copy{min-width:0;flex:1}.catalog-favorite-card__copy div:last-child{font-size:var(--text-xs);color:var(--color-text-muted)}.catalog-favorite-card__remove{border:none;background:transparent;cursor:pointer;color:var(--color-text-muted)}.catalog-kit-card{flex-direction:column;align-items:stretch;margin-bottom:var(--space-3)}.catalog-kit-card__title{font-weight:600}.catalog-kit-card__description{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:4px}.catalog-kit-card__items,.catalog-kit-editor__items{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.catalog-kit-card__item,.catalog-kit-editor__item{justify-content:space-between}.catalog-kit-editor__search-result{width:100%;display:flex;justify-content:space-between;background:transparent;border:none}.catalog-kit-editor__item-controls .input{width:88px}.catalog-item-tile__bulk-checkbox{position:absolute;top:var(--space-2);left:var(--space-2);width:20px;height:20px;z-index:2;cursor:pointer}.catalog-item-tile__favorite-wrap{position:relative}.catalog-team-favorite-confirm{position:absolute;top:100%;right:0;z-index:10;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-md);white-space:nowrap;font-size:var(--text-xs)}.catalog-team-favorite-confirm__actions{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.catalog-bulk-editor{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0}.catalog-bulk-editor__list{max-height:400px;overflow-y:auto;margin:var(--space-3) 0}.catalog-bulk-editor__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-default)}.catalog-bulk-editor__thumb{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.catalog-bulk-editor__thumb img{width:100%;height:100%;object-fit:cover}.catalog-bulk-editor__name{flex:1;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.catalog-bulk-editor__input{flex:1;min-height:48px;font-size:var(--text-base)}.catalog-bulk-editor__actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-3)}.catalog-thumbnail-dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--surface-sunken);padding:var(--space-6);text-align:center;margin:var(--space-4) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);transition:border-color .15s,background-color .15s}.catalog-thumbnail-dropzone--active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,var(--surface-sunken))}.catalog-thumbnail-dropzone__uploading{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.catalog-thumbnail-results{text-align:left;width:100%}.catalog-thumbnail-results__files{margin-top:var(--space-1);padding-left:var(--space-3)}.catalog-thumbnail-results__row{font-size:var(--text-xs);font-family:var(--font-display);color:var(--color-text-muted)}@media(max-width:720px){.attachment-uploader__body,.catalog-detail-panel__layout,.catalog-detail-panel__grid,.catalog-kit-editor__grid{display:flex;flex-direction:column}.attachment-uploader__actions{width:100%}.attachment-uploader__actions .btn{flex:1}.material-picker--mobile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;margin:0}.material-picker__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#080f188a}.material-picker--mobile .material-picker__panel{position:absolute;inset:auto 0 0 0;max-height:88vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.site-attachment-actions{display:inline-flex;align-items:center;gap:var(--space-1)}.notes-history-list{max-height:300px;overflow-y:auto}.notes-history-entry{padding:var(--space-3);border-bottom:1px solid var(--border-default)}.notes-history-entry:last-child{border-bottom:none}.notes-history-entry__meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.notes-history-entry__content{font-size:var(--text-sm);white-space:pre-wrap;color:var(--color-text)}@media(min-width:640px){.materials-panel__container{max-width:480px;left:50%;transform:translate(-50%,100%);border-radius:20px 20px 0 0}.materials-panel--open .materials-panel__container{transform:translate(-50%)}}.toast-container{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{padding:var(--space-3) var(--space-4);border-radius:8px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);box-shadow:0 4px 12px #00000026;animation:toast-in .3s ease;pointer-events:auto}.toast--success{background:var(--color-success);color:#fff}.toast--error{background:var(--color-error);color:#fff}.toast--info{background:var(--color-text);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-input{position:relative;display:flex;align-items:center}.search-input__icon{position:absolute;left:var(--space-3);width:20px;height:20px;color:var(--color-text-muted);pointer-events:none}.search-input__field{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;border:1px solid var(--border-default);border-radius:8px;font-size:var(--text-base);background:var(--surface-elevated);color:var(--color-text)}.search-input__field:focus{outline:none;border-color:var(--border-focused);box-shadow:0 0 0 2px #0079bf33}.search-input__clear{position:absolute;right:var(--space-2);background:none;border:none;font-size:1.25rem;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1)}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--lg{width:40px;height:40px;border-width:4px}.tabs{display:flex;border-bottom:2px solid var(--border-default);margin-bottom:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-1)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-default);border-radius:6px;font-size:var(--text-base);background:var(--surface-elevated);color:var(--color-text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--border-focused);box-shadow:0 0 0 2px #0079bf33}.form-group .form-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.trello-card{background:var(--surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4);cursor:pointer;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);text-decoration:none;color:inherit;display:block}.trello-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.trello-card:active{transform:scale(.98)}.trello-card--accent-left{border-left:4px solid var(--border-default)}.trello-card__name{font-weight:var(--font-weight-semibold);font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trello-card__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.trello-card__badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--surface-sunken);padding:2px 8px;border-radius:var(--radius-sm)}.trello-card__chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-display)}.card-grid{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:640px){.card-grid--2col{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}@media(min-width:1024px){.card-grid--3col{grid-template-columns:repeat(3,1fr)}}.board-group-header{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--border-default)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-content{animation:fadeInUp .3s ease-out}.stagger-enter{opacity:0;transform:translateY(8px);animation:fadeInUp .3s ease-out forwards}.login-page{min-height:100dvh;background:linear-gradient(135deg,#f0f2f5,#dfe3eb);padding-top:0;animation:fadeIn .5s ease-out}.login-card{background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8) var(--space-6);width:100%;max-width:400px;animation:fadeInUp .4s ease-out}.login-logo{width:72px;height:72px;border-radius:50%;background:#fff;object-fit:contain}.login-brand{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-1)}.stat-card{position:relative;overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.stat-card--accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color, var(--color-primary))}.search-hero{background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);margin-bottom:var(--space-5)}.search-hero__title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.skeleton-card{background:var(--surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4);margin-bottom:var(--space-3)}.skeleton-line{height:14px;border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.skeleton-line--title{width:65%;height:18px}.skeleton-line--meta{width:40%;height:12px}.settings-profile-card{background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);margin-bottom:var(--space-4)}.settings-item-card{background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:var(--space-4)}.settings-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;transition:background var(--transition-smooth);border:none;width:100%;text-align:left;font:inherit;color:var(--color-text);background:transparent;border-bottom:1px solid var(--border-default)}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:var(--surface-sunken)}.settings-item__icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-item__icon--blue{background:#0079bf1a;color:var(--color-primary)}.settings-item__icon--red{background:#de350b1a;color:var(--color-error)}.settings-item__info{flex:1;min-width:0}.settings-item__title{font-weight:var(--font-weight-medium)}.settings-item__desc{font-size:var(--text-xs);color:var(--color-text-muted)}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary),0 0 0 4px #0079bf33;border-radius:var(--radius-sm)}.btn:active:not(:disabled){transform:scale(.97)}.empty-state{animation:fadeIn .3s ease-out}.empty-state__icon{width:72px;height:72px}.value-card{background:linear-gradient(135deg,var(--header-bg) 0%,var(--header-bg-dark) 100%);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;box-shadow:var(--shadow-card)}.value-card__amount{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverse)}.value-card__label{font-size:var(--text-sm);color:#fffc;text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.site-fab{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-4));right:var(--space-4);display:flex;align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-5);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;z-index:50;font-weight:var(--font-weight-semibold);font-size:var(--text-sm);font-family:var(--font-body);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.site-fab:hover{transform:translateY(-2px);box-shadow:0 12px 24px #091e4259}.site-fab:active{transform:scale(.95)}@media(min-width:1024px){.site-fab{bottom:var(--space-6)}}.catalog-table{background:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-default);overflow:hidden}.catalog-table__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-sunken);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.catalog-table__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-default);min-height:56px}.catalog-table__row:hover{background:var(--surface-sunken)}.catalog-table__col--thumb{width:40px;flex-shrink:0}.catalog-table__col--name,.catalog-table__col--nickname{flex:1;min-width:0;overflow:hidden}.catalog-table__col--actions{flex-shrink:0;text-align:right}.catalog-item-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.catalog-item-card__thumb{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-sm)}.catalog-item-card__info{flex:1;min-width:0}.catalog-item-card__name{font-size:var(--text-sm);font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-item-card__nickname{font-size:var(--text-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.catalog-item-card__nickname--empty{color:var(--color-text-muted);font-style:italic}.catalog-item-card__id{font-size:var(--text-xs);font-family:var(--font-display);color:var(--color-text-muted);flex-shrink:0}.admin-members-desktop{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}.admin-members-desktop__list{display:flex;flex-direction:column;gap:var(--space-2)}.admin-members-desktop__member{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-members-desktop__member:hover{border-color:var(--color-primary)}.admin-members-desktop__member--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.admin-members-desktop__detail{position:sticky;top:calc(var(--header-height) + var(--safe-area-top) + var(--space-4));background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5)}.admin-members-desktop__detail-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted);font-size:var(--text-sm)}.kanban-board{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-4);min-height:300px;margin:0 calc(-1 * var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4)}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-track{background:transparent}.kanban-board::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.kanban-column{flex:0 0 260px;min-width:260px;max-height:calc(100vh - 300px);display:flex;flex-direction:column;background:var(--surface-sunken);border-radius:var(--radius-lg);padding:var(--space-2)}.kanban-column__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);margin-bottom:var(--space-2)}.kanban-column__dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.kanban-column__title{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.kanban-column__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);background:var(--surface-elevated);border-radius:var(--radius-full);margin-left:auto}.kanban-column__cards{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;flex:1;padding:var(--space-1)}.kanban-column__cards::-webkit-scrollbar{width:4px}.kanban-column__cards::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.kanban-column__empty{padding:var(--space-4) var(--space-2);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.kanban-column--collapsed{min-width:40px;max-width:40px;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-1);gap:var(--space-2);background:var(--surface-sunken);border-radius:var(--radius-lg);transition:background .15s}.kanban-column--collapsed:hover{background:var(--border-default)}.kanban-column__collapsed-title{writing-mode:vertical-lr;text-orientation:mixed;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);white-space:nowrap}.kanban-card{display:block;background:var(--surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;cursor:pointer;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);text-decoration:none;color:inherit}.kanban-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.kanban-card:active{transform:scale(.98)}.kanban-card__cover{height:4px;width:100%}.kanban-card__body{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:4px}.kanban-card__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.3}.kanban-card__customer{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-card__labels{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.kanban-card__label{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:var(--font-weight-semibold);padding:1px 6px;border-radius:var(--radius-sm);line-height:1.4}.kanban-card__label--labor{background:#deebff;color:#0052cc}.kanban-card__label--materials{background:#fff0b3;color:#172b4d}.kanban-card__label--attachment{background:var(--surface-sunken);color:var(--color-text-muted)}.kanban-card__footer{display:flex;align-items:center;gap:var(--space-2);margin-top:2px}.kanban-card__date{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);color:var(--color-text-muted)}.kanban-card__hours{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-left:auto}.kanban-mobile{display:flex;flex-direction:column;margin:0 calc(-1 * var(--space-4))}.kanban-mobile__tabs{display:flex;overflow-x:auto;gap:2px;padding:0 var(--space-4);border-bottom:2px solid var(--border-default);scrollbar-width:none}.kanban-mobile__tabs::-webkit-scrollbar{display:none}.kanban-mobile__tab{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast);font-family:var(--font-body)}.kanban-mobile__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.kanban-mobile__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:var(--font-weight-bold);background:var(--surface-sunken);color:var(--color-text-secondary);border-radius:var(--radius-full)}.kanban-mobile__tab--active .kanban-mobile__tab-badge{background:var(--color-primary);color:var(--color-text-inverse)}.kanban-mobile__scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.kanban-mobile__scroll::-webkit-scrollbar{display:none}.kanban-mobile__panel{flex:0 0 100%;min-width:100%;scroll-snap-align:start;padding:var(--space-3) var(--space-4)}.kanban-mobile__panel .kanban-column{flex:1 1 auto;min-width:unset;max-height:unset}.site-card{display:flex;flex-direction:column;background:var(--surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;cursor:pointer;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);text-decoration:none;color:inherit;margin-bottom:var(--space-2)}.site-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.site-card:active{transform:scale(.98)}.site-card__labels{display:flex;gap:2px;padding:0}.site-card__label{flex:1;height:5px;min-width:0}.site-card__label:first-child{border-radius:0}.site-card__label:last-child{border-radius:0}.site-card__body{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:2px;flex:1}.site-card__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-card__customer{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-card__meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-muted);margin-top:2px;overflow:hidden}.site-card__meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-card__footer{display:flex;align-items:center;justify-content:flex-end;padding:0 var(--space-3) var(--space-2)}.site-card__ticket-count{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-display);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);background:var(--surface-sunken);padding:2px 6px;border-radius:var(--radius-sm)}.ticket-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);z-index:200;animation:fadeIn .2s ease-out}.ticket-modal__panel{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:100vw;background:var(--surface-base);z-index:201;overflow-y:auto;box-shadow:-4px 0 24px #091e4233;animation:slideInRight .25s cubic-bezier(.25,.1,.25,1)}.ticket-modal__close{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);border:none;background:var(--surface-sunken);color:var(--color-text-secondary);cursor:pointer;z-index:1;transition:background var(--transition-fast)}.ticket-modal__close:hover{background:var(--border-default)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:639px){.ticket-modal__panel{width:100vw;animation:slideUpFull .25s cubic-bezier(.25,.1,.25,1)}@keyframes slideUpFull{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@keyframes columnSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.kanban-column{animation:columnSlideIn .3s ease-out backwards}.kanban-column:nth-child(1){animation-delay:0ms}.kanban-column:nth-child(2){animation-delay:50ms}.kanban-column:nth-child(3){animation-delay:.1s}.kanban-column:nth-child(4){animation-delay:.15s}.kanban-column:nth-child(5){animation-delay:.2s}.kanban-column:nth-child(6){animation-delay:.25s}.board-page{padding:0}.board-page .kanban-board{margin:0;padding:var(--space-4);min-height:calc(100vh - var(--header-height) - 60px);background:linear-gradient(180deg,#f0f2f5,#e8ecf0)}.board-filters{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);background:var(--surface-elevated);overflow-x:auto}.board-filters__select{min-height:36px;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-family:var(--font-body);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.board-filters__select:focus{outline:none;border-color:var(--border-focused);box-shadow:0 0 0 2px #0079bf33}.ticket-edit-desktop{display:grid;grid-template-columns:1fr 360px;gap:var(--space-6);align-items:start}.ticket-edit-desktop__main{min-width:0}.ticket-edit-desktop__sidebar{position:sticky;top:calc(var(--header-height) + var(--safe-area-top) + var(--space-4));max-height:calc(100vh - var(--header-height) - var(--safe-area-top) - var(--space-4) - var(--space-4));overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.ticket-history{margin-top:var(--space-3)}.ticket-history__toggle{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;padding:var(--space-2) 0;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);cursor:pointer}.ticket-history__timeline{padding-left:var(--space-3);border-left:2px solid var(--border-default);margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-3)}.ticket-history__event{display:flex;align-items:flex-start;gap:var(--space-3);position:relative}.ticket-history__dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0;margin-top:5px;margin-left:-20px}.ticket-history__content{flex:1}.ticket-history__label{font-size:var(--text-sm);color:var(--color-text)}.ticket-history__time{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.ticket-action-bar{position:sticky;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom));background:var(--surface-elevated);border-top:1px solid var(--border-default);padding:var(--space-3) var(--space-4);margin:0 calc(-1 * var(--space-4));display:flex;flex-direction:column;gap:var(--space-2);z-index:40}@media(min-width:1024px){.ticket-action-bar{position:static;bottom:auto;margin:0;border-top:none;background:transparent;padding:0}}.save-status{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.save-status--clean,.save-status--saved{color:var(--color-success)}.save-status--saved{animation:save-flash .3s ease-in}.save-status--dirty{color:var(--color-warning)}.save-status--saving{color:var(--color-text-secondary)}.save-status--error{color:var(--color-error)}.save-status__retry{background:none;border:1px solid var(--color-error);color:var(--color-error);font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);cursor:pointer;margin-left:var(--space-1)}@keyframes save-flash{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.kanban-card-wrapper{touch-action:manipulation}.kanban-card--ghost{height:60px;background:var(--surface-sunken);border:2px dashed var(--border-default);border-radius:var(--radius-md);opacity:.5}.kanban-card--dragging{box-shadow:var(--shadow-lg);transform:rotate(3deg);opacity:.95;cursor:grabbing}.kanban-column--drop-valid{outline:2px dashed var(--color-primary);outline-offset:-2px;background:#0079bf0a}.kanban-column--drop-active{outline:2px solid var(--color-primary);outline-offset:-2px;background:#0079bf14}.kanban-column--drop-invalid{opacity:.5}.sync-pending-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-warning-bg, #fff3cd);color:var(--color-warning, #856404);border:1px solid var(--color-warning, #ffc107);border-radius:var(--radius-md, 6px);font-size:var(--text-xs, .75rem);font-weight:500;white-space:nowrap}.sync-pending-badge .btn{font-size:var(--text-xs, .75rem);padding:2px var(--space-2)}.review-queue__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media(max-width:1023px){.review-queue__stats{grid-template-columns:repeat(2,1fr)}}.review-filter-bar{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);background:var(--surface-elevated);border-bottom:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:var(--space-4);flex-wrap:wrap}.review-filter-bar__select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);font-size:var(--text-sm);color:var(--color-text);min-width:120px}.review-filter-bar__select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #0079bf33}.review-filter-bar__updated{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.review-filter-bar__bulk-actions{display:flex;gap:var(--space-2);align-items:center}.review-table{width:100%;border-collapse:collapse;background:var(--surface-elevated);border-radius:var(--radius-md);overflow:hidden}.review-table th{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:2px solid var(--border-default);padding:var(--space-3) var(--space-3);text-align:left;white-space:nowrap}.review-table th.review-table__header--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.review-table th.review-table__header--sortable:hover{color:var(--color-text)}.review-table th.review-table__header--active{color:var(--color-primary)}.review-table td{padding:var(--space-3);font-size:var(--text-base);border-bottom:1px solid var(--border-default);vertical-align:middle}.review-table__row{cursor:pointer;transition:background .1s}.review-table__row:hover{background:var(--surface-sunken)}.review-table__row--selected{background:#0079bf0f}.review-table__checkbox{width:44px;text-align:center}.review-table__flags{display:flex;gap:var(--space-1);align-items:center}.age-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);white-space:nowrap}.age-badge--fresh{background:#00875a26;color:var(--color-success)}.age-badge--warning{background:#ff991f26;color:var(--sync-pending)}.age-badge--overdue{background:var(--status-review-bg);color:var(--color-error)}.flag-icon{display:inline-flex;gap:var(--space-1);color:var(--color-warning);align-items:center}.flag-icon--billing{color:var(--color-error)}.review-card-list{display:flex;flex-direction:column;gap:var(--space-3)}.review-card-list__item{background:var(--surface-elevated);border-radius:var(--radius-md);padding:var(--space-4);border-left:4px solid var(--border-default);cursor:pointer;transition:background .1s}.review-card-list__item:active{background:var(--surface-sunken)}.review-card-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.review-card-list__title{font-weight:var(--font-weight-semibold);font-size:var(--text-base)}.review-card-list__meta{font-size:var(--text-sm);color:var(--color-text-secondary);display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2)}.review-panel__footer{position:sticky;bottom:0;display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);background:var(--surface-elevated);border-top:1px solid var(--border-default);min-height:64px}.btn.btn-danger{border:1px solid var(--color-error);color:var(--color-error);background:transparent}.btn.btn-danger:hover{background:var(--status-review-bg)}.inline-catalog-search{background:var(--surface-elevated);border:1px solid var(--border-focused);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-3);margin-top:var(--space-2)}.inline-catalog-search__result{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--radius-sm)}.inline-catalog-search__result:hover{background:var(--surface-sunken)}.inline-catalog-search__thumbnail{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.review-misc-flag{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-2)}.bulk-approve-confirm{background:var(--status-field-review-bg);border:1px solid var(--status-field-review-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3)}.review-table__sort-icon{display:inline-flex;vertical-align:middle;margin-left:var(--space-1)}.review-queue__no-results{text-align:center;color:var(--color-text-muted);padding:var(--space-8) var(--space-4);font-size:var(--text-sm)}.review-queue__no-results a{color:var(--color-primary);cursor:pointer;text-decoration:underline}.invoice-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center}.invoice-preview-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080}.invoice-preview-modal__content{position:relative;background:var(--surface-elevated);border-radius:var(--radius-lg);max-width:640px;width:90vw;max-height:85vh;overflow-y:auto;padding:var(--space-6);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.invoice-preview-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.invoice-preview-modal__close{background:none;border:none;cursor:pointer;padding:var(--space-1);color:var(--color-text-secondary)}.invoice-preview-modal__validation-errors{padding:var(--space-3) var(--space-4);background:#fef2f2;border:1px solid var(--color-error);border-left:4px solid var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm)}.invoice-preview-modal__validation-errors ul{margin:var(--space-2) 0 0;padding-left:var(--space-4)}.invoice-preview-modal__line-items{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-4)}.invoice-preview-modal__line-item{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);font-size:var(--text-sm);align-items:center}.invoice-preview-modal__line-item:last-child{border-bottom:none}.invoice-preview-modal__section-header{background:var(--surface-sunken);font-weight:600;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);font-size:var(--text-sm)}.invoice-preview-modal__ticket-header{background:#eff6ff;font-weight:600;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);font-size:var(--text-sm);color:var(--color-primary)}.invoice-preview-modal__totals{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.invoice-preview-modal__total-row{display:flex;justify-content:space-between;font-size:var(--text-sm)}.invoice-preview-modal__total-row--grand{font-weight:700;font-size:var(--text-base);border-top:2px solid var(--border-default);padding-top:var(--space-2);margin-top:var(--space-2)}.invoice-preview-modal__footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--border-default)}.invoice-preview-modal__progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) 0;text-align:center}.invoice-preview-modal__success{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) 0;text-align:center}.invoice-preview-modal__success-icon{width:48px;height:48px;border-radius:50%;background:#f0fdf4;display:flex;align-items:center;justify-content:center;color:var(--color-success)}.invoice-preview-modal__error{padding:var(--space-4);background:#fef2f2;border:1px solid var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-error)}.invoice-preview-modal__mode-toggle{display:flex;gap:0;margin-bottom:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.invoice-preview-modal__mode-toggle button{flex:1;padding:var(--space-2) var(--space-3);border:none;background:var(--surface-elevated);cursor:pointer;font-size:var(--text-sm);font-weight:500;transition:background .15s,color .15s}.invoice-preview-modal__mode-toggle button.active{background:var(--color-primary);color:#fff}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{overflow-x:hidden}@media(max-width:639px){input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:max(var(--text-base),16px)!important}}@media(max-width:639px){.btn-small{min-height:44px;min-width:44px}.material-picker__tab,.catalog-items-tab__sort-button{min-height:44px;padding:var(--space-2) var(--space-3)}.catalog-item-tile__favorite{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}@media(max-width:1023px){.catalog-bulk-toolbar,.catalog-bulk-editor,.catalog-thumbnail-dropzone{display:none!important}}