.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:.375rem .75rem;font-size:.75rem}.btn--md{padding:.5rem 1rem;font-size:.875rem}.btn--lg{padding:.75rem 1.5rem;font-size:1rem}.btn--primary{color:#fff;background-color:#3b82f6}.btn--primary:hover:not(:disabled){background-color:#2563eb}.btn--secondary{color:#374151;background-color:#f3f4f6;border:1px solid #d1d5db}.btn--secondary:hover:not(:disabled){background-color:#e5e7eb}.btn--danger{color:#fff;background-color:#ef4444}.btn--danger:hover:not(:disabled){background-color:#dc2626}.btn--ghost{color:#6b7280;background-color:#0000}.btn--ghost:hover:not(:disabled){color:#374151;background-color:#f3f4f6}.btn--success{color:#fff;background-color:#10b981}.btn--success:hover:not(:disabled){background-color:#059669}.client-header{z-index:50;background-color:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.client-header__container{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.client-header__brand{color:#1f2937;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.client-header__brand:hover{color:#3b82f6}.client-header__logo{font-size:1.25rem}.client-header__nav{align-items:center;gap:1rem;display:flex}.client-header__link{color:#4b5563;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.client-header__link:hover{color:#1f2937;background-color:#f3f4f6}.client-header__user{color:#374151;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.client-header__logout{gap:.375rem}.client-footer{background-color:#fff;border-top:1px solid #e5e7eb;margin-top:auto}.client-footer__container{flex-direction:column;align-items:center;gap:1.25rem;max-width:1200px;margin:0 auto;padding:2rem 1.5rem 1.5rem;display:flex}.client-footer__brand{color:#1f2937;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;display:flex}.client-footer__logo{font-size:1.25rem}.client-footer__contact{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.client-footer__contact-link{color:#4b5563;align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.client-footer__contact-link:hover{color:#3b82f6}.client-footer__bottom{text-align:center;border-top:1px solid #f3f4f6;width:100%;padding-top:1rem}.client-footer__copyright{color:#9ca3af;font-size:.75rem}@media (width<=480px){.client-footer__contact{flex-direction:column;gap:.75rem}}.verification-banner{color:var(--text);background:#f59e0b14;border-bottom:1px solid #f59e0b40;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.8125rem;line-height:1.4;display:flex}.verification-banner__content{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.verification-banner__icon{color:#f59e0b;flex-shrink:0}.verification-banner__text{flex-wrap:wrap;align-items:center;gap:.75rem;min-width:0;display:flex}.verification-banner__success{color:#10b981;align-items:center;gap:.25rem;font-weight:500;display:inline-flex}.verification-banner__error{color:#ef4444;font-weight:500}.verification-banner__action{color:#d97706;cursor:pointer;white-space:nowrap;background:#f59e0b1f;border:1px solid #f59e0b66;border-radius:.375rem;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.verification-banner__action:hover:not(:disabled){background:#f59e0b33;border-color:#f59e0b99}.verification-banner__action:disabled{opacity:.6;cursor:not-allowed}.verification-banner__cooldown{color:var(--text);white-space:nowrap;font-size:.75rem}.verification-banner__dismiss{width:1.5rem;height:1.5rem;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.verification-banner__dismiss:hover{background:#00000014}.verification-banner__spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{color:#cbd5e1;z-index:100;background-color:#1e293b;flex-direction:column;width:240px;transition:width .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar--collapsed{width:64px}.sidebar__header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;height:60px;padding:1rem;display:flex}.sidebar__brand{align-items:center;gap:.75rem;display:flex;overflow:hidden}.sidebar__logo{flex-shrink:0;font-size:1.25rem}.sidebar__title{color:#f8fafc;white-space:nowrap;font-size:1.125rem;font-weight:700}.sidebar__toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.sidebar__toggle:hover{color:#f8fafc;background-color:#334155}.sidebar__nav{flex-direction:column;flex:1;gap:.25rem;padding:.75rem .5rem;display:flex}.sidebar__link{color:#94a3b8;white-space:nowrap;border-radius:.5rem;align-items:center;gap:.875rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar__link:hover{color:#f8fafc;background-color:#334155}.sidebar__link--active{color:#f8fafc;background-color:#3b82f6}.sidebar__link--active:hover{background-color:#2563eb}.sidebar__label{opacity:1;transition:opacity .2s}.sidebar--collapsed .sidebar__label{opacity:0;width:0;overflow:hidden}.notification-dropdown{position:relative}.notification-dropdown__trigger{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:relative}.notification-dropdown__trigger:hover{color:#374151;background-color:#f3f4f6}.notification-dropdown__badge{color:#fff;background-color:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:600;display:flex;position:absolute;top:2px;right:2px}.notification-dropdown__menu{z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;width:360px;max-height:480px;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.notification-dropdown__header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.notification-dropdown__title{color:#111827;font-size:.875rem;font-weight:600}.notification-dropdown__clear{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .375rem;font-size:.75rem;transition:background .2s;display:flex}.notification-dropdown__clear:hover{background:#eff6ff}.notification-dropdown__list{flex:1;max-height:360px;overflow-y:auto}.notification-dropdown__item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;transition:background .15s;display:flex}.notification-dropdown__item:hover{background-color:#f9fafb}.notification-dropdown__item--unread{background-color:#fef2f2}.notification-dropdown__item--unread:hover{background-color:#fee2e2}.notification-dropdown__dot{background-color:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.375rem}.notification-dropdown__item:not(.notification-dropdown__item--unread) .notification-dropdown__dot{background-color:#22c55e}.notification-dropdown__content{flex:1;min-width:0}.notification-dropdown__message{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-dropdown__time{color:#9ca3af;margin-top:.25rem;font-size:.6875rem;display:block}.notification-dropdown__actions{opacity:0;flex-shrink:0;gap:.25rem;transition:opacity .2s;display:flex}.notification-dropdown__item:hover .notification-dropdown__actions{opacity:1}.notification-dropdown__action{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;padding:.25rem;transition:all .2s;display:flex}.notification-dropdown__action:hover{color:#374151;background:#f3f4f6}.notification-dropdown__action--danger:hover{color:#dc2626;background:#fef2f2}.notification-dropdown__action:disabled{opacity:.4;cursor:not-allowed}.notification-dropdown__footer{color:#3b82f6;cursor:pointer;text-align:center;background:0 0;border:none;border-top:1px solid #e5e7eb;flex-shrink:0;width:100%;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;transition:background .2s}.notification-dropdown__footer:hover{background:#f9fafb}.notification-dropdown__loading{justify-content:center;padding:1.5rem;display:flex}.notification-dropdown__spinner{color:#6b7280;animation:1s linear infinite spin}.notification-dropdown__empty{text-align:center;color:#9ca3af;padding:2rem}.notification-dropdown__empty p{margin-top:.5rem;font-size:.8125rem}.topbar{z-index:50;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar__title{color:#111827;font-size:1.25rem;font-weight:600}.topbar__right{align-items:center;gap:1rem;display:flex}.topbar__icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:relative}.topbar__icon-btn:hover{color:#374151;background-color:#f3f4f6}.topbar__badge{color:#fff;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.625rem;font-weight:600;display:flex;position:absolute;top:2px;right:2px}.topbar__user{position:relative}.topbar__user-btn{cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .25rem;transition:background .2s;display:flex}.topbar__user-btn:hover{background-color:#f3f4f6}.topbar__avatar{color:#6b7280;background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.topbar__username{color:#374151;font-size:.875rem;font-weight:500}.topbar__dropdown{z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:220px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.topbar__dropdown-header{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:.25rem;padding:.875rem 1rem;display:flex}.topbar__dropdown-name{color:#111827;font-size:.875rem;font-weight:600}.topbar__dropdown-email{color:#6b7280;word-break:break-all;font-size:.75rem}.topbar__dropdown-role{color:#aa3bff;background:#aa3bff1a;border-radius:.25rem;align-items:center;gap:.25rem;width:fit-content;margin-top:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.topbar__dropdown-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;font-size:.875rem;transition:background .2s;display:flex}.topbar__dropdown-item:hover{color:#ef4444;background-color:#f3f4f6}.admin-layout{min-height:100vh;display:flex}.admin-layout__content{flex-direction:column;flex:1;margin-left:240px;transition:margin-left .3s;display:flex}.admin-layout__content--collapsed{margin-left:64px}.admin-layout__main{background-color:#f8fafc;flex:1;padding:1.5rem;overflow-y:auto}.auth-layout{background:linear-gradient(135deg, var(--bg) 0%, var(--code-bg) 100%);justify-content:center;align-items:center;min-height:100svh;padding:1.5rem;display:flex}.auth-layout__container{width:100%;max-width:420px}.auth-layout__brand{text-align:center;margin-bottom:2rem}.auth-layout__title{color:var(--accent);margin:0 0 .25rem;font-size:1.75rem;font-weight:600}.auth-layout__subtitle{color:var(--text);margin:0;font-size:.875rem}.file-upload{margin-bottom:1.5rem}.file-upload__zone{cursor:pointer;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:.625rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1.5rem;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex}.file-upload__zone:hover{background-color:#f0f7ff;border-color:#93c5fd}.file-upload__zone--active{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.file-upload__icon{color:#9ca3af;transition:color .2s}.file-upload__zone:hover .file-upload__icon,.file-upload__zone--active .file-upload__icon{color:#3b82f6}.file-upload__text{color:#6b7280;margin:0;font-size:.875rem}.file-upload__link{color:#3b82f6;font-weight:500}.file-upload__hint{color:#9ca3af;margin:0;font-size:.75rem}.file-upload__preview{cursor:pointer;background-color:#f0f7ff;border:1.5px solid #bfdbfe;border-radius:.625rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:border-color .2s;display:flex}.file-upload__preview:hover{border-color:#3b82f6}.file-upload__file-info{align-items:center;gap:.75rem;min-width:0;display:flex}.file-upload__file-icon{color:#3b82f6;flex-shrink:0}.file-upload__file-details{flex-direction:column;min-width:0;display:flex}.file-upload__file-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.file-upload__file-size{color:#6b7280;font-size:.75rem}.file-upload__remove{color:#9ca3af;cursor:pointer;background-color:#0000;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .15s,color .15s;display:flex}.file-upload__remove:hover{color:#dc2626;background-color:#fee2e2}.file-upload__input{display:none}.select-wrapper{flex-direction:column;gap:.5rem;display:flex}.select-label{color:#4b5563;font-size:1rem;font-weight:500}.select-field{color:#1f2937;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.625rem 2.25rem .625rem .75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.select-field:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.select-field:disabled{cursor:not-allowed;opacity:.6;background-color:#f3f4f6}.input-wrapper{flex-direction:column;gap:.5rem;display:flex}.input-label{color:#4b5563;font-size:1rem;font-weight:500}.input-field-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#4b5563;opacity:.5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:.75rem}.input-field{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.625rem .75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.input-field--with-icon{padding-left:2.25rem}.input-field:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.input-field::placeholder{color:#9ca3af}.input-field:disabled{cursor:not-allowed;opacity:.6;background-color:#f3f4f6}.vehicle-selector{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.625rem;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:grid}.vehicle-selector__column{flex-direction:column;gap:1rem;display:flex}.vehicle-selector__search-wrapper{position:relative}.vehicle-selector__search-spinner{color:#6b7280;animation:1s linear infinite spin;position:absolute;top:50%;right:.75rem;transform:translateY(-25%)}.vehicle-selector__count{color:#6b7280;margin-top:-.5rem;font-size:.75rem}.vehicle-selector__count--empty{color:#9ca3af;font-style:italic}@media (width<=640px){.vehicle-selector{grid-template-columns:1fr}}.textarea-wrapper{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.textarea-label{color:#374151;font-size:.875rem;font-weight:500}.textarea-field{color:#1f2937;resize:vertical;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.9375rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.textarea-field:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61f}.textarea-field:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.textarea-field::placeholder{color:#9ca3af}.textarea-count{color:#9ca3af;text-align:right;font-size:.75rem}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000000d}.card--padding-none{padding:0}.card--padding-sm{padding:.75rem}.card--padding-md{padding:1.25rem}.card--padding-lg{padding:1.5rem}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.card-header__text{flex:1}.card-header__title{color:#111827;margin:0;font-size:1rem;font-weight:600}.card-header__subtitle{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.card-header__action{margin-left:1rem}.paypal-payment{max-width:480px;margin:1.5rem auto}.paypal-payment__header{border-bottom:1px solid #f3f4f6;align-items:center;gap:.875rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.paypal-payment__header svg{color:#3b82f6}.paypal-payment__title{color:#111827;margin:0;font-size:1.125rem;font-weight:600}.paypal-payment__subtitle{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.paypal-payment__details{background-color:#f9fafb;border-radius:.5rem;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:1rem;display:flex}.paypal-payment__row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.paypal-payment__row span{color:#6b7280}.paypal-payment__amount{color:#111827;font-size:1.125rem}.paypal-payment__service-name{text-align:right;max-width:60%;line-height:1.4}.paypal-payment__buttons{min-height:140px}.paypal-payment__note{color:#9ca3af;text-align:center;margin-top:1rem;font-size:.75rem}.paypal-payment__error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.paypal-payment__error svg{flex-shrink:0}.paypal-payment__retry{justify-content:center;margin-top:.75rem;display:flex}.paypal-payment__order-loading{color:#6b7280;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;font-size:.875rem;display:flex}.paypal-payment__loading-note{color:#9ca3af!important;margin-top:.25rem!important;font-size:.8125rem!important}.paypal-payment--success{text-align:center;padding:2rem}.paypal-payment__success{flex-direction:column;align-items:center;gap:1rem;display:flex}.paypal-payment__success-icon{color:#10b981}.paypal-payment__success h3{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.paypal-payment__success p{color:#6b7280;margin:0;font-size:.875rem}.paypal-payment__success-note{color:#9ca3af!important;margin-top:.5rem!important;font-size:.8125rem!important}.paypal-payment--loading{text-align:center;padding:2rem}.paypal-payment__loading{flex-direction:column;align-items:center;gap:1rem;display:flex}.paypal-payment__spinner{color:#3b82f6;animation:1s linear infinite spin}.import-confirmation{max-width:560px;margin:1.5rem auto}.import-confirmation__success-header{text-align:center;padding:2rem 1rem 1.5rem}.import-confirmation__check-circle{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) both confirmation-pop;display:flex;box-shadow:0 4px 20px #10b9814d}.import-confirmation__check-circle svg{color:#fff;animation:.4s .3s both confirmation-check}.import-confirmation__success-title{color:#111827;margin:0 0 .375rem;font-size:1.375rem;font-weight:700;animation:.4s .2s both confirmation-fade-in}.import-confirmation__success-subtitle{color:#6b7280;margin:0;font-size:.9375rem;animation:.4s .3s both confirmation-fade-in}@keyframes confirmation-pop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes confirmation-check{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes confirmation-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes confirmation-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.import-confirmation__summary{animation:.4s .4s both confirmation-slide-up}.import-confirmation__summary-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.import-confirmation__summary-heading{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0;padding:.875rem 1rem .625rem;font-size:.75rem;font-weight:600}.import-confirmation__summary-rows{flex-direction:column;gap:.5rem;padding:0 1rem .75rem;display:flex}.import-confirmation__summary-row{justify-content:space-between;align-items:flex-start;gap:1rem;font-size:.875rem;display:flex}.import-confirmation__summary-label{color:#6b7280;white-space:nowrap;flex-shrink:0;align-items:center;gap:.375rem;display:flex}.import-confirmation__summary-label svg{color:#9ca3af}.import-confirmation__summary-value{color:#111827;text-align:right;word-break:break-word;font-weight:500;line-height:1.4}.import-confirmation__job-id{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;align-items:center;gap:.375rem;padding:.25rem .375rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem;display:flex}.import-confirmation__copy-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:color .15s,background-color .15s;display:flex}.import-confirmation__copy-btn:hover{color:#3b82f6;background:#eff6ff}.import-confirmation__copy-btn--copied{color:#10b981}.import-confirmation__summary-row--total{border-top:1px solid #e5e7eb;margin-top:.25rem;padding-top:.625rem}.import-confirmation__total-amount{color:#111827;font-size:1.125rem;font-weight:700}.import-confirmation__timeline{margin-top:1.25rem;animation:.4s .5s both confirmation-slide-up}.import-confirmation__timeline-heading{color:#374151;margin:0 0 1rem;font-size:.875rem;font-weight:600}.import-confirmation__steps{flex-direction:column;gap:0;display:flex;position:relative}.import-confirmation__step{gap:.75rem;display:flex;position:relative}.import-confirmation__step:not(:last-child){padding-bottom:1.25rem}.import-confirmation__step:not(:last-child):after{content:"";background:#e5e7eb;width:2px;position:absolute;top:26px;bottom:0;left:11px}.import-confirmation__step--completed:not(:last-child):after{background:#10b981}.import-confirmation__step--current:not(:last-child):after{background:linear-gradient(#3b82f6 0%,#e5e7eb 100%)}.import-confirmation__step-dot{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.import-confirmation__step--completed .import-confirmation__step-dot{color:#fff;background:#10b981}.import-confirmation__step--current .import-confirmation__step-dot{color:#fff;background:#3b82f6;animation:2s ease-in-out infinite pulse-ring;box-shadow:0 0 0 4px #3b82f626}.import-confirmation__step--upcoming .import-confirmation__step-dot{color:#9ca3af;background:#fff;border:2px solid #d1d5db}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 4px #3b82f626}50%{box-shadow:0 0 0 8px #3b82f60d}}.import-confirmation__step-content{padding-top:2px}.import-confirmation__step-title{color:#111827;margin:0 0 .125rem;font-size:.875rem;font-weight:600}.import-confirmation__step--upcoming .import-confirmation__step-title{color:#9ca3af}.import-confirmation__step-desc{color:#6b7280;margin:0;font-size:.8125rem;line-height:1.5}.import-confirmation__step--upcoming .import-confirmation__step-desc{color:#9ca3af}.import-confirmation__next-steps{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem;margin-top:1.25rem;padding:1rem 1.125rem;animation:.4s .6s both confirmation-slide-up}.import-confirmation__next-steps-heading{color:#1e40af;margin:0 0 .625rem;font-size:.875rem;font-weight:600}.import-confirmation__next-steps-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.import-confirmation__next-step{color:#1e40af;align-items:flex-start;gap:.5rem;font-size:.8125rem;line-height:1.5;display:flex}.import-confirmation__next-step svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.import-confirmation__tracking{margin-top:1rem;animation:.4s .7s both confirmation-slide-up}.import-confirmation__tracking-card{cursor:pointer;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;align-items:center;gap:.75rem;padding:.875rem 1rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.import-confirmation__tracking-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #3b82f61a}.import-confirmation__tracking-icon{background:#eff6ff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.import-confirmation__tracking-icon svg{color:#3b82f6}.import-confirmation__tracking-text h4{color:#111827;margin:0 0 .125rem;font-size:.875rem;font-weight:600}.import-confirmation__tracking-text p{color:#6b7280;margin:0;font-size:.8125rem}.import-confirmation__tracking-arrow{color:#9ca3af;flex-shrink:0;margin-left:auto}.import-confirmation__actions{flex-direction:column;gap:.625rem;margin-top:1.5rem;animation:.4s .8s both confirmation-slide-up;display:flex}.import-confirmation__actions-row{gap:.625rem;display:flex}.import-confirmation__actions-row>*{flex:1}.import-confirmation__btn{cursor:pointer;border:none;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.import-confirmation__btn--primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 8px #3b82f640}.import-confirmation__btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3b82f659}.import-confirmation__btn--primary:active{transform:translateY(0)}.import-confirmation__btn--secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.import-confirmation__btn--secondary:hover{background:#f9fafb;border-color:#9ca3af}.import-confirmation__paypal{border-top:1px solid #e5e7eb;margin-top:1.25rem;padding-top:1.25rem;animation:.4s .55s both confirmation-slide-up}.import-confirmation__paypal-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.import-confirmation__paypal-header h4{color:#111827;margin:0;font-size:.9375rem;font-weight:600}.import-confirmation__paypal-header svg{color:#3b82f6}.import-confirmation__email-note{color:#6b7280;border-top:1px solid #f3f4f6;align-items:center;gap:.5rem;margin-top:1.25rem;padding-top:1rem;font-size:.8125rem;animation:.4s .9s both confirmation-slide-up;display:flex}.import-confirmation__email-note svg{color:#3b82f6;flex-shrink:0}@media (width<=640px){.import-confirmation{margin:0}.import-confirmation__success-header{padding:1.5rem .5rem 1.25rem}.import-confirmation__success-title{font-size:1.25rem}.import-confirmation__actions-row{flex-direction:column}.import-confirmation__summary-row{flex-direction:column;gap:.25rem}.import-confirmation__summary-value{text-align:left}}@media print{.import-confirmation__actions,.import-confirmation__copy-btn,.import-confirmation__tracking-card:hover{display:none}.import-confirmation__check-circle{box-shadow:none;animation:none}.import-confirmation *{animation:none!important}}.import-ecu{background-color:#fff;border:none;border-radius:1rem;max-width:800px;margin:2rem auto;padding:2rem;box-shadow:0 4px 24px #00000014}@media (width<=640px){.import-ecu{border-radius:0;margin:0;padding:1.25rem}}.alert{border-radius:.625rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.alert svg{flex-shrink:0}.alert-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-left:3px solid #dc2626}.alert-success{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid #16a34a}.loading-text{color:#6b7280;margin-bottom:.75rem;font-size:.875rem}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:opacity .2s,box-shadow .2s,transform .15s;display:inline-flex}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #3b82f659}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button__spinner{animation:.75s linear infinite spin}.guest-fields{background-color:#f9fafb;border:1px solid #e5e7eb;border-left:3px solid #3b82f6;border-radius:.625rem;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding:1rem 1rem 1rem 1.25rem;display:flex}.service-selection{margin-bottom:1.5rem}.service-selection__header{margin-bottom:1rem}.section-subtitle{color:#9ca3af;margin:0;font-size:.8125rem}.service-list{flex-direction:column;gap:.5rem;display:flex}.service-card{text-align:left;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-top-width:2px;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.875rem 1rem;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.service-card:hover{background-color:#f8fafc;border-color:#93c5fd #bfdbfe #bfdbfe;box-shadow:0 2px 8px #0000000a}.service-card--selected{background-color:#f0f7ff;border-color:#3b82f6 #93c5fd #93c5fd}.service-card--selected:hover{background-color:#eff6ff;border-color:#2563eb #60a5fa #60a5fa}.service-card__info{flex:1;min-width:0}.service-card__title{color:#111827;margin:0 0 .125rem;font-size:.9375rem;font-weight:600}.service-card__description{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8125rem;line-height:1.4;overflow:hidden}.service-card__right{flex-shrink:0;align-items:center;gap:.875rem;display:flex}.service-card__price{align-items:baseline;gap:.25rem;display:flex}.service-card__price-amount{color:#111827;font-size:1.125rem;font-weight:700}.service-card__price-currency{color:#9ca3af;font-size:.75rem;font-weight:500}.service-card__check{color:#fff;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:border-color .15s,background-color .15s;display:flex}.service-card:hover .service-card__check{border-color:#93c5fd}.service-card__check--active{background-color:#3b82f6;border-color:#3b82f6}.service-card--selected:hover .service-card__check--active{background-color:#2563eb;border-color:#2563eb}.service-pills{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.service-pill{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .5rem .25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.service-pill__text{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.service-pill__remove{color:#60a5fa;cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:background-color .15s,color .15s;display:flex}.service-pill__remove:hover{color:#1d4ed8;background-color:#dbeafe}.service-total{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.75rem 1rem;display:flex}.service-total__label{color:#065f46;font-size:.875rem;font-weight:600}.service-total__amount{color:#047857;font-size:1.125rem;font-weight:700}@media (width<=640px){.service-card{flex-direction:column;align-items:flex-start;gap:.625rem}.service-card__right{justify-content:space-between;width:100%}.service-card__description{white-space:normal}}.job-status-page{background-color:#f3f4f6;justify-content:center;min-height:100vh;padding:2rem 1rem;display:flex}.job-status-page__card{background:#fff;border-radius:1rem;width:100%;max-width:640px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.job-status-page__header{background-color:#fafafa;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.job-status-page__brand h1{color:#111827;margin:0;font-size:1.25rem;font-weight:700}.job-status-page__brand span{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.job-status-page__status-badge{border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.job-status-page__section{border-bottom:1px solid #f3f4f6;padding:1.5rem 2rem}.job-status-page__section:last-child{border-bottom:none}.job-status-page__section h2{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin:0 0 1rem;font-size:.875rem;font-weight:600}.job-status-page__info-grid{gap:.75rem;display:grid}.job-status-page__info-item{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.job-status-page__info-label{color:#6b7280;flex-shrink:0;font-size:.8125rem}.job-status-page__info-value{color:#111827;text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:flex}.job-status-page__job-id{background:#f3f4f6;border-radius:.25rem;padding:.25rem .5rem;font-family:SF Mono,Menlo,monospace;font-size:.75rem}.job-status-page__email{color:#6b7280;justify-content:flex-end;align-items:center;gap:.25rem;width:100%;font-size:.75rem;font-weight:400;display:flex}.job-status-page__files{flex-direction:column;gap:.75rem;display:flex}.job-status-page__file{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.job-status-page__file--ready{background-color:#f0fdf4;border-color:#a7f3d0}.job-status-page__file--pending{background-color:#f9fafb;border-style:dashed}.job-status-page__file-info{align-items:center;gap:.75rem;min-width:0;display:flex}.job-status-page__file-info svg{color:#6b7280;flex-shrink:0}.job-status-page__file-name{color:#111827;word-break:break-word;font-size:.875rem;font-weight:500}.job-status-page__file-meta{color:#9ca3af;margin-top:.125rem;font-size:.75rem}.job-status-page__download-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.job-status-page__download-btn:hover{background-color:#2563eb}.job-status-page__download-btn:disabled{opacity:.6;cursor:not-allowed}.job-status-page__footer{text-align:center;color:#6b7280;padding:1.5rem 2rem;font-size:.8125rem}.job-status-page__footer a{color:#3b82f6;text-decoration:none}.job-status-page__footer a:hover{text-decoration:underline}.job-status-page__loading,.job-status-page__error{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.job-status-page__loading p{color:#6b7280;margin-top:1rem}.job-status-page__error h2{color:#111827;margin-top:1rem}.job-status-page__error p{color:#6b7280;margin-top:.5rem}@media (width<=480px){.job-status-page{padding:0}.job-status-page__card{border-radius:0;min-height:100vh}.job-status-page__header,.job-status-page__section,.job-status-page__footer{padding-left:1rem;padding-right:1rem}.job-status-page__info-item{flex-direction:column;gap:.25rem}.job-status-page__info-value{text-align:left;justify-content:flex-start}.job-status-page__email{justify-content:flex-start}.job-status-page__file{flex-direction:column;align-items:flex-start;gap:.75rem}.job-status-page__download-btn{justify-content:center;width:100%}}.stat-card{min-width:0;transition:box-shadow .15s,transform .15s}.stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.stat-card__content{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.stat-card__info{flex-direction:column;gap:.375rem;min-width:0;display:flex}.stat-card__title{color:#6b7280;text-transform:uppercase;letter-spacing:.025em;margin:0;font-size:.8125rem;font-weight:500}.stat-card__value{color:#111827;margin:0;font-size:1.75rem;font-weight:700;line-height:1}.stat-card__icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.status-chart{justify-content:center;align-items:center;gap:1.5rem;min-height:200px;display:flex}.status-chart__pie{flex-shrink:0;width:180px;height:180px}.status-chart__legend{flex-direction:column;gap:.625rem;min-width:140px;display:flex}.status-chart__legend-item{color:#374151;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.status-chart__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-chart__legend-value{color:#111827;margin-left:auto;font-weight:600}.status-chart__empty{color:#9ca3af;justify-content:center;align-items:center;min-height:200px;font-size:.875rem;display:flex}@media (width<=640px){.status-chart{flex-direction:column}}.jobs-bar-chart{width:100%;min-height:250px}.jobs-bar-chart__container{width:100%;height:250px}.jobs-bar-chart__empty,.jobs-bar-chart__loading{color:#9ca3af;justify-content:center;align-items:center;min-height:250px;font-size:.875rem;display:flex}.activity-feed{flex-direction:column;display:flex}.activity-feed__empty,.activity-feed__loading{color:#9ca3af;justify-content:center;align-items:center;min-height:200px;font-size:.875rem;display:flex}.activity-feed__list{flex-direction:column;display:flex}.activity-feed__item{border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:.75rem;padding:.75rem 0;display:flex}.activity-feed__item:last-child{border-bottom:none}.activity-feed__icon{color:#6b7280;background-color:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.activity-feed__icon--upload{color:#3b82f6;background-color:#dbeafe}.activity-feed__icon--payment{color:#10b981;background-color:#d1fae5}.activity-feed__icon--status{color:#8b5cf6;background-color:#ede9fe}.activity-feed__icon--customer{color:#f59e0b;background-color:#fef3c7}.activity-feed__icon--system{color:#ef4444;background-color:#fee2e2}.activity-feed__body{flex:1;min-width:0}.activity-feed__message{color:#374151;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.activity-feed__time{color:#9ca3af;margin-top:.25rem;font-size:.75rem;display:block}.top-brands{flex-direction:column;gap:.75rem;display:flex}.top-brands__empty,.top-brands__loading{color:#9ca3af;justify-content:center;align-items:center;min-height:120px;font-size:.875rem;display:flex}.top-brands__item{align-items:center;gap:.75rem;display:flex}.top-brands__rank{color:#6b7280;background-color:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.6875rem;font-weight:600;display:flex}.top-brands__rank--1{color:#92400e;background-color:#fef3c7}.top-brands__rank--2{color:#374151;background-color:#e5e7eb}.top-brands__rank--3{color:#9a3412;background-color:#ffedd5}.top-brands__info{flex:1;min-width:0}.top-brands__name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.top-brands__bar-track{background-color:#f3f4f6;border-radius:9999px;height:6px;margin-top:.375rem;overflow:hidden}.top-brands__bar-fill{background-color:#3b82f6;border-radius:9999px;height:100%;transition:width .4s}.top-brands__count{color:#374151;flex-shrink:0;font-size:.8125rem;font-weight:600}.revenue-stat{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.revenue-stat:last-child{border-bottom:none;padding-bottom:0}.revenue-stat:first-child{padding-top:0}.revenue-stat__left{align-items:center;gap:.75rem;display:flex}.revenue-stat__icon{border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.revenue-stat__label{color:#6b7280;margin:0;font-size:.8125rem}.revenue-stat__sublabel{color:#9ca3af;margin:.125rem 0 0;font-size:.75rem}.revenue-stat__value{color:#111827;text-align:right;font-size:1.125rem;font-weight:700}.table-wrapper{border:1px solid #e5e7eb;border-radius:.5rem;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.table-head{background-color:#f9fafb}.table-header{color:#374151;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.table-body{background-color:#fff}.table-row{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.table-row:hover{background-color:#f9fafb}.table-row:last-child{border-bottom:none}.table-cell{color:#4b5563;vertical-align:middle;padding:.875rem 1rem}.badge{border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge--default{color:#374151;background-color:#f3f4f6}.badge--primary{color:#1e40af;background-color:#dbeafe}.badge--success{color:#065f46;background-color:#d1fae5}.badge--warning{color:#92400e;background-color:#fef3c7}.badge--danger{color:#991b1b;background-color:#fee2e2}.badge--info{color:#075985;background-color:#e0f2fe}.badge--sm{padding:.125rem .5rem;font-size:.6875rem}.dashboard-page{flex-direction:column;gap:1.5rem;max-width:1400px;display:flex}.dashboard-page__header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.dashboard-page__title{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.dashboard-page__subtitle{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.dashboard-page__stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=1200px){.dashboard-page__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard-page__stats{grid-template-columns:1fr}}.dashboard-page__charts{grid-template-columns:1fr 2fr;gap:1rem;display:grid}@media (width<=900px){.dashboard-page__charts{grid-template-columns:1fr}}.dashboard-page__bottom{grid-template-columns:2fr 1fr 1fr;gap:1rem;display:grid}@media (width<=1100px){.dashboard-page__bottom{grid-template-columns:1fr 1fr}.dashboard-page__bottom>:first-child{grid-column:1/-1}}@media (width<=640px){.dashboard-page__bottom{grid-template-columns:1fr}}.dashboard-page__recent-jobs{min-width:0}.job-id{color:#6b7280;background-color:#f3f4f6;border-radius:.25rem;padding:.125rem .375rem;font-family:SF Mono,Menlo,monospace;font-size:.8125rem}.unpaid{color:#ef4444;font-weight:500}.job-detail-overlay{z-index:200;background-color:#0006;animation:.2s fadeIn;position:fixed;inset:0}.job-detail-panel{z-index:201;background-color:#fff;flex-direction:column;width:520px;max-width:100%;animation:.3s slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.job-detail-panel__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.job-detail-panel__id{color:#111827;margin-bottom:.5rem;font-family:SF Mono,Menlo,monospace;font-size:.875rem;font-weight:600}.job-detail-panel__meta{align-items:center;gap:.75rem;display:flex}.job-detail-panel__date{color:#6b7280;font-size:.8125rem}.job-detail-panel__close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.job-detail-panel__close:hover{color:#374151;background-color:#f3f4f6}.job-detail-panel__body{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.job-detail-panel__section{border-bottom:1px solid #f3f4f6;padding-bottom:1.5rem}.job-detail-panel__section:last-child{border-bottom:none}.job-detail-panel__section-title{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.job-detail-panel__status-select{flex-wrap:wrap;gap:.5rem;display:flex}.job-detail-panel__status-btn{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .2s}.job-detail-panel__status-btn:hover{color:#3b82f6;border-color:#3b82f6}.job-detail-panel__status-btn--active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.job-detail-panel__status-btn--active:hover{background-color:#2563eb;border-color:#2563eb}.job-detail-panel__info-grid{gap:.5rem;display:grid}.job-detail-panel__info-item{color:#374151;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.job-detail-panel__info-item svg{color:#9ca3af;flex-shrink:0}.job-detail-panel__feature-tags{flex-wrap:wrap;gap:.375rem;display:flex}.job-detail-panel__files{flex-direction:column;gap:.75rem;display:flex}.job-detail-panel__file{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.job-detail-panel__file--upload{background-color:#fff;border-style:dashed}.job-detail-panel__file-info{align-items:center;gap:.75rem;display:flex}.job-detail-panel__file-name{color:#111827;font-size:.875rem;font-weight:500}.job-detail-panel__file-meta{color:#9ca3af;margin-top:.125rem;font-size:.75rem}.job-detail-panel__note{border-radius:.5rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.5}.job-detail-panel__note--customer{color:#1e40af;background-color:#eff6ff;margin-bottom:.75rem}.job-detail-panel__note--admin{color:#166534;background-color:#f0fdf4}.job-detail-panel__note--empty{color:#9ca3af;background-color:#f9fafb;font-style:italic}.job-detail-panel__note-header{text-transform:uppercase;letter-spacing:.03em;opacity:.7;align-items:center;gap:.375rem;margin-bottom:.375rem;font-size:.75rem;font-weight:600;display:flex}.job-detail-panel__note p{margin:0}.job-detail-panel__timeline{flex-direction:column;gap:0;display:flex}.job-detail-panel__timeline-item{gap:.875rem;padding-bottom:1.25rem;display:flex;position:relative}.job-detail-panel__timeline-item:not(:last-child):before{content:"";background-color:#e5e7eb;width:2px;position:absolute;top:28px;bottom:0;left:11px}.job-detail-panel__timeline-item--last .job-detail-panel__timeline-dot{color:#fff;background-color:#3b82f6}.job-detail-panel__timeline-dot{color:#6b7280;z-index:1;background-color:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.job-detail-panel__timeline-content{flex:1;padding-top:.125rem}.job-detail-panel__timeline-status{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.job-detail-panel__timeline-time{color:#9ca3af;font-size:.75rem}.job-detail-panel__timeline-by{color:#6b7280;font-size:.75rem}.job-detail-panel__timeline-note{color:#4b5563;background-color:#f9fafb;border-radius:.375rem;margin-top:.375rem;padding:.5rem .75rem;font-size:.8125rem}.job-detail-panel__warning-banner{color:#92400e;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.job-detail-panel__error-banner{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.job-detail-panel__status-btn--disabled{opacity:.4;cursor:not-allowed}.job-detail-panel__status-btn--disabled:hover{color:#4b5563;border-color:#e5e7eb}.job-detail-panel__status-hint{color:#9ca3af;margin-top:.5rem;margin-bottom:0;font-size:.75rem}.job-detail-panel__manual-payment{background-color:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem;padding:1rem}.job-detail-panel__manual-payment-note{color:#92400e;margin:0 0 .75rem;font-size:.8125rem;line-height:1.5}.job-detail-panel__manual-payment-actions{flex-wrap:wrap;gap:.5rem;display:flex}.job-detail-panel__payment-info-banner{color:#92400e;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:.375rem;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;display:flex}.job-detail-panel__payment-notification-note{color:#6b7280;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.75rem;display:flex}.job-detail-panel__payment-notification-note svg{color:#9ca3af;flex-shrink:0}.uploads-page__summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.uploads-page__summary-card{cursor:pointer;text-align:left;background-color:#fff;border:2px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.uploads-page__summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.uploads-page__summary-card--active{box-shadow:0 0 0 2px}.uploads-page__summary-icon{background-color:#fff9;border-radius:.625rem;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.uploads-page__summary-info{flex-direction:column;display:flex}.uploads-page__summary-count{font-size:1.25rem;font-weight:700;line-height:1.2}.uploads-page__summary-label{color:#6b7280;font-size:.8125rem;font-weight:500}.uploads-page__header-actions{align-items:center;gap:.75rem;display:flex}.uploads-page__search{align-items:center;display:flex;position:relative}.uploads-page__search-icon{color:#9ca3af;pointer-events:none;position:absolute;left:.75rem}.uploads-page__search-input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:320px;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.uploads-page__search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.uploads-page__row{cursor:pointer}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable:hover{color:#3b82f6}.sortable svg{vertical-align:middle;opacity:.5;margin-left:.25rem;display:inline}.uploads-page__customer{flex-direction:column;gap:.125rem;display:flex}.uploads-page__job-id{color:#9ca3af;font-family:SF Mono,Menlo,monospace;font-size:.75rem}.uploads-page__file{flex-direction:column;gap:.125rem;display:flex}.uploads-page__file-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.875rem;overflow:hidden}.uploads-page__file-size{color:#9ca3af;font-size:.75rem}.uploads-page__price--paid{color:#111827;font-weight:600}.uploads-page__price--unpaid{color:#ef4444;font-weight:600}.uploads-page__row-actions{gap:.25rem;display:flex}.uploads-page__action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.uploads-page__action-btn:hover{color:#374151;background-color:#f3f4f6}.uploads-page__action-btn--danger:hover{color:#dc2626;background-color:#fee2e2}.uploads-page__pagination{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.uploads-page__page-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.uploads-page__page-btn:hover:not(:disabled){background-color:#f3f4f6}.uploads-page__page-btn:disabled{opacity:.4;cursor:not-allowed}.uploads-page__page-info{color:#6b7280;font-size:.875rem}.vehicles-page__tabs{border-bottom:1px solid #e5e7eb;gap:0;margin-bottom:1rem;padding:0 1.25rem;display:flex}.vehicles-page__tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.vehicles-page__tab:hover{color:#374151}.vehicles-page__tab--active{color:#3b82f6;border-bottom-color:#3b82f6}.vehicles-page__row-actions{gap:.5rem;display:flex}.vehicles-page__action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.vehicles-page__action-btn:hover{color:#374151;background-color:#f3f4f6}.vehicles-page__action-btn--danger:hover{color:#dc2626;background-color:#fee2e2}.vehicles-page__error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin:0 1.25rem 1rem;padding:.75rem 1.25rem;font-size:.875rem}.vehicles-page__form{border-bottom:1px solid #f3f4f6;margin-bottom:1rem;padding:0 1.25rem 1.25rem}.vehicles-page__form-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.vehicles-page__form-input{color:#1f2937;border:1px solid #d1d5db;border-radius:.5rem;outline:none;min-width:200px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.vehicles-page__form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.vehicles-page__form-actions{gap:.5rem;margin-left:auto;display:flex}.customer-detail-overlay{z-index:200;background-color:#0006;animation:.2s fadeIn;position:fixed;inset:0}.customer-detail-panel{z-index:201;background-color:#fff;flex-direction:column;width:560px;max-width:100%;animation:.3s slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #0000001a}.customer-detail-panel__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.customer-detail-panel__header-main{align-items:center;gap:1rem;display:flex}.customer-detail-panel__avatar{color:#fff;text-transform:uppercase;background-color:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;font-weight:600;display:flex}.customer-detail-panel__header-info{flex-direction:column;gap:.25rem;display:flex}.customer-detail-panel__name{color:#111827;font-size:1.125rem;font-weight:700}.customer-detail-panel__contact{color:#4b5563;flex-direction:column;gap:.125rem;font-size:.875rem;display:flex}.customer-detail-panel__contact span{align-items:center;gap:.375rem;display:flex}.customer-detail-panel__contact svg{color:#9ca3af;flex-shrink:0}.customer-detail-panel__joined{color:#9ca3af;font-size:.8125rem}.customer-detail-panel__account-info{color:#6b7280;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.customer-detail-panel__account-info svg{color:#10b981;vertical-align:text-bottom}.customer-detail-panel__name{align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;display:flex}.customer-detail-panel__close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.customer-detail-panel__close:hover{color:#374151;background-color:#f3f4f6}.customer-detail-panel__body{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.customer-detail-panel__stats{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.customer-detail-panel__stat-card{text-align:center;background-color:#fafafa;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;align-items:center;gap:.375rem;padding:1rem .5rem;display:flex}.customer-detail-panel__stat-icon{color:#6b7280}.customer-detail-panel__stat-value{color:#111827;font-size:1.25rem;font-weight:700}.customer-detail-panel__stat-label{text-transform:uppercase;letter-spacing:.03em;color:#9ca3af;font-size:.6875rem;font-weight:600}.customer-detail-panel__section{border-bottom:1px solid #f3f4f6;padding-bottom:1.5rem}.customer-detail-panel__section:last-child{border-bottom:none}.customer-detail-panel__section-title{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.customer-detail-panel__empty{color:#9ca3af;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;font-size:.875rem;display:flex}.customer-detail-panel__imports{flex-direction:column;gap:.75rem;display:flex}.customer-detail-panel__import-card{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;gap:.625rem;padding:1rem;display:flex}.customer-detail-panel__import-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.customer-detail-panel__import-date{color:#6b7280;font-size:.8125rem}.customer-detail-panel__import-row{color:#374151;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.customer-detail-panel__import-row svg{color:#9ca3af;flex-shrink:0}.customer-detail-panel__file-row{background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;justify-content:space-between;align-items:center;padding:.625rem .75rem;display:flex}.customer-detail-panel__file-row--muted{background-color:#fff;border-style:dashed}.customer-detail-panel__file-info{align-items:center;gap:.625rem;min-width:0;display:flex}.customer-detail-panel__file-info svg{color:#9ca3af;flex-shrink:0}.customer-detail-panel__file-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.customer-detail-panel__file-meta{color:#9ca3af;margin-top:.125rem;font-size:.75rem}.customer-detail-panel__import-features{flex-wrap:wrap;gap:.375rem;margin-top:.25rem;display:flex}.customer-detail-panel__import-notes{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.customer-detail-panel__note{border-radius:.375rem;padding:.75rem;font-size:.8125rem;line-height:1.5}.customer-detail-panel__note--customer{color:#1e40af;background-color:#eff6ff}.customer-detail-panel__note--admin{color:#166534;background-color:#f0fdf4}.customer-detail-panel__note-header{text-transform:uppercase;letter-spacing:.03em;opacity:.7;align-items:center;gap:.375rem;margin-bottom:.25rem;font-size:.6875rem;font-weight:600;display:flex}.customer-detail-panel__note p{margin:0}.text-success{color:#10b981}.text-danger{color:#ef4444}.text-warning{color:#f59e0b}.text-primary{color:#3b82f6}.text-muted{color:#9ca3af}.customers-page__search{align-items:center;display:flex;position:relative}.customers-page__search-icon{color:#9ca3af;position:absolute;left:.75rem}.customers-page__search-input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:240px;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem}.customers-page__search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.customers-page__customer{cursor:pointer;align-items:center;gap:.75rem;display:flex}.customers-page__customer:hover .customers-page__name{color:#3b82f6}.customers-page__name{align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.customers-page__avatar{color:#fff;text-transform:uppercase;background-color:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.customers-page__name{color:#111827;font-weight:600}.customers-page__contact{color:#4b5563;flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}.customers-page__contact svg{vertical-align:text-bottom;margin-right:.375rem;display:inline}.customers-page__uploads{color:#3b82f6;align-items:center;gap:.375rem;font-weight:600;display:inline-flex}.customers-page__header-actions{align-items:center;gap:.75rem;display:flex}.customers-page__form{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.customers-page__form-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.customers-page__form-input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;min-width:180px;padding:.5rem .75rem;font-size:.875rem}.customers-page__form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.customers-page__form-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.customers-page__error{color:#dc2626;background-color:#fef2f2;border-bottom:1px solid #fecaca;padding:.75rem 1.5rem;font-size:.875rem}.customers-page__row-actions{align-items:center;gap:.25rem;display:flex}.customers-page__action-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s,color .15s;display:inline-flex}.customers-page__action-btn:hover{color:#111827;background-color:#f3f4f6}.customers-page__action-btn--danger:hover{color:#dc2626;background-color:#fef2f2}.customers-page__action-btn--view:hover{color:#3b82f6;background-color:#eff6ff}.customers-page__pagination{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.customers-page__page-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.875rem;transition:background-color .15s;display:inline-flex}.customers-page__page-btn:hover:not(:disabled){background-color:#f9fafb}.customers-page__page-btn:disabled{opacity:.5;cursor:not-allowed}.customers-page__page-info{color:#6b7280;font-size:.875rem}.customers-page__action-btn--promote{color:#8b5cf6}.customers-page__action-btn--promote:hover{color:#7c3aed;background-color:#f5f3ff}.customers-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.customers-modal{background:#fff;border-radius:.75rem;width:90%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.customers-modal__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.customers-modal__header h3{align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.customers-modal__close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.customers-modal__close:hover{color:#111827;background-color:#f3f4f6}.customers-modal__error{color:#dc2626;background-color:#fef2f2;padding:.75rem 1.5rem;font-size:.875rem}.customers-modal__body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.customers-modal__info{color:#6b7280;background-color:#f9fafb;border-radius:.5rem;margin:0;padding:.75rem;font-size:.875rem}.customers-modal__row{gap:.75rem;display:flex}.customers-modal__row>*{flex:1}.customers-modal__field{flex-direction:column;gap:.375rem;display:flex}.customers-modal__field label{color:#374151;font-size:.8125rem;font-weight:500}.customers-modal__field input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:.875rem}.customers-modal__field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.customers-modal__footer{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.features-page__form{border-bottom:1px solid #f3f4f6;margin-bottom:1rem;padding:0 1.25rem 1.25rem}.features-page__form-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.features-page__field{flex-direction:column;gap:.375rem;display:flex}.features-page__field--full{grid-column:1/-1}.features-page__field label{color:#374151;font-size:.8125rem;font-weight:500}.features-page__field input,.features-page__field select,.features-page__field textarea{color:#1f2937;resize:vertical;border:1px solid #d1d5db;border-radius:.5rem;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.features-page__field input:focus,.features-page__field select:focus,.features-page__field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.features-page__price-input{gap:.5rem;display:flex}.features-page__price-input input{flex:1}.features-page__currency-label{color:#374151;-webkit-user-select:none;user-select:none;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;align-items:center;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.features-page__form-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.features-page__description{white-space:nowrap;text-overflow:ellipsis;color:#6b7280;max-width:240px;display:inline-block;overflow:hidden}.features-page__toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.features-page__toggle--on{color:#10b981}.features-page__toggle--off{color:#9ca3af}.features-page__badge{border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.features-page__badge--active{color:#065f46;background-color:#d1fae5}.features-page__badge--inactive{color:#6b7280;background-color:#f3f4f6}.features-page__row-actions{gap:.25rem;display:flex}.features-page__action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.features-page__action-btn:hover{color:#374151;background-color:#f3f4f6}.features-page__action-btn--danger:hover{color:#dc2626;background-color:#fee2e2}.features-page__empty{text-align:center;color:#6b7280;padding:2rem}.features-page__empty--error{color:#dc2626}@media (width<=768px){.features-page__form-grid{grid-template-columns:1fr}.features-page__field--full{grid-column:1}.features-page__description{max-width:120px}}.twofactor__idle,.twofactor__setup,.twofactor__backup-codes,.twofactor__disable{flex-direction:column;gap:1rem;padding:0 1.25rem 1.25rem;display:flex}.twofactor__status{border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem;display:flex}.twofactor__status-text{font-size:.875rem;font-weight:500}.twofactor__status-text--enabled{color:#15803d}.twofactor__status-text--disabled{color:#6b7280}.twofactor__qr{justify-content:center;padding:1rem;display:flex}.twofactor__qr img{border:1px solid #e5e7eb;border-radius:.5rem;width:200px;height:200px}.twofactor__secret{text-align:center}.twofactor__secret-label{color:#6b7280;margin-bottom:.25rem;font-size:.8125rem;display:block}.twofactor__secret-code{word-break:break-all;-webkit-user-select:all;user-select:all;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:.5rem .75rem;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem}.twofactor__codes-grid{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem;display:grid}.twofactor__code{text-align:center;-webkit-user-select:all;user-select:all;background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;padding:.375rem .5rem;font-family:SF Mono,Fira Code,monospace;font-size:.875rem}.twofactor__actions{flex-wrap:wrap;gap:.5rem;display:flex}.twofactor__message{border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.twofactor__message--info{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.twofactor__message--warn{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a}.twofactor__message--success{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0}.twofactor__message--error{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}@media (width<=640px){.twofactor__codes-grid{grid-template-columns:1fr}}.settings-page__grid{grid-template-columns:1fr;gap:1.5rem;max-width:800px;display:grid}@media (width>=1024px){.settings-page__grid{grid-template-columns:1fr 1fr;max-width:1200px}}.settings-page__form{flex-direction:column;gap:1rem;padding:0 1.25rem 1.25rem;display:flex}.settings-page__field{flex-direction:column;gap:.375rem;display:flex}.settings-page__label{color:#374151;font-size:.875rem;font-weight:500}.settings-page__input,.settings-page__textarea{color:#1f2937;border:1px solid #d1d5db;border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.settings-page__input:focus,.settings-page__textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.settings-page__textarea{resize:vertical;font-family:inherit}.settings-page__toggle-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.settings-page__toggle-row:last-child{border-bottom:none}.settings-page__toggle-label{color:#111827;font-size:.875rem;font-weight:500}.settings-page__toggle-desc{color:#6b7280;margin-top:.125rem;font-size:.8125rem}.settings-page__toggle{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.settings-page__toggle input{opacity:0;width:0;height:0}.settings-page__toggle-slider{cursor:pointer;background-color:#d1d5db;border-radius:24px;transition:all .3s;position:absolute;inset:0}.settings-page__toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.settings-page__toggle input:checked+.settings-page__toggle-slider{background-color:#3b82f6}.settings-page__toggle input:checked+.settings-page__toggle-slider:before{transform:translate(20px)}.settings-page__message{border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.settings-page__message--success{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0}.settings-page__message--error{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}.settings-page__message--info{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.settings-page__readout{color:#374151;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:flex}.settings-page__readout--ok{color:#15803d;background-color:#f0fdf4;border-color:#bbf7d0}.settings-page__readout--warn{color:#b91c1c;background-color:#fef2f2;border-color:#fecaca}.settings-page__readout--muted{color:#6b7280;font-weight:400}.payments-page__summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.payments-page__summary-card{cursor:pointer;text-align:left;background-color:#fff;border:2px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.payments-page__summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.payments-page__summary-card--active{box-shadow:0 0 0 2px}.payments-page__summary-card--static{cursor:default}.payments-page__summary-card--static:hover{box-shadow:none;transform:none}.payments-page__summary-icon{background-color:#fff9;border-radius:.625rem;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.payments-page__summary-info{flex-direction:column;display:flex}.payments-page__summary-count{font-size:1.25rem;font-weight:700;line-height:1.2}.payments-page__summary-label{color:#6b7280;font-size:.8125rem;font-weight:500}.payments-page__banner-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.payments-page__header-actions{align-items:center;gap:.75rem;display:flex}.payments-page__search{align-items:center;display:flex;position:relative}.payments-page__search-icon{color:#9ca3af;pointer-events:none;position:absolute;left:.75rem}.payments-page__search-input{border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:280px;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.payments-page__search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payments-page__row{cursor:default}.payments-page__job-id{color:#6b7280;font-family:SF Mono,Menlo,monospace;font-size:.75rem}.payments-page__customer{flex-direction:column;gap:.125rem;display:flex}.payments-page__customer span{color:#9ca3af;font-size:.75rem}.payments-page__actions{align-items:center;gap:.375rem;display:flex}.payments-page__action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.payments-page__action-btn:hover{color:#374151;background-color:#f3f4f6}.payments-page__mark-options{align-items:center;gap:.25rem;display:flex}.payments-page__mark-cancel{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.payments-page__mark-cancel:hover{color:#dc2626;background-color:#fee2e2}.payments-page__pagination{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.payments-page__page-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.payments-page__page-btn:hover:not(:disabled){background-color:#f3f4f6}.payments-page__page-btn:disabled{opacity:.4;cursor:not-allowed}.payments-page__page-info{color:#6b7280;font-size:.875rem}.payments-page__empty{color:#6b7280;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;font-size:.875rem;display:flex}.payments-page__empty--error{color:#dc2626}.activity-page{max-width:1400px;padding:1.5rem}.activity-page__header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.activity-page__title{color:#111827;margin:0;font-size:1.5rem;font-weight:600}.activity-page__filters{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.activity-page__filter-card{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.activity-page__filter-card:hover{background:#f9fafb;border-color:#d1d5db}.activity-page__filter-card--active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.activity-page__filter-count{color:#6b7280;background:#f3f4f6;border-radius:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600}.activity-page__filter-card--active .activity-page__filter-count{color:#1d4ed8;background:#dbeafe}.activity-page__search{align-items:center;display:flex;position:relative}.activity-page__search-icon{color:#9ca3af;position:absolute;left:.625rem}.activity-page__search-input{border:1px solid #e5e7eb;border-radius:.375rem;outline:none;width:220px;padding:.375rem .75rem .375rem 2rem;font-size:.8125rem;transition:border-color .2s}.activity-page__search-input:focus{border-color:#3b82f6}.activity-page__search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;padding:.125rem;display:flex;position:absolute;right:.375rem}.activity-page__unread-toggle{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.activity-page__unread-toggle:hover{background:#f9fafb}.activity-page__unread-toggle--active{color:#dc2626;background:#fef2f2;border-color:#ef4444}.activity-page__error{color:#dc2626;background:#fef2f2;border-radius:.5rem;margin:.75rem;padding:1rem;font-size:.875rem}.activity-page__loading{justify-content:center;padding:2rem;display:flex}.activity-page__spinner{color:#6b7280;animation:1s linear infinite spin}.activity-page__empty{text-align:center;color:#9ca3af;padding:2.5rem}.activity-page__empty p{margin-top:.5rem;font-size:.875rem}.activity-page__row--unread{background-color:#fef2f2}.activity-page__row--unread:hover{background-color:#fee2e2}.activity-page__status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.activity-page__time{color:#6b7280;white-space:nowrap;font-size:.8125rem}.activity-page__message{color:#111827;font-size:.875rem;line-height:1.4}.activity-page__actor{color:#6b7280;white-space:nowrap;font-size:.8125rem}.activity-page__actions{justify-content:flex-end;gap:.375rem;display:flex}.activity-page__action-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;padding:.25rem;transition:all .2s;display:flex}.activity-page__action-btn:hover{color:#374151;background:#f3f4f6}.activity-page__action-btn--danger:hover{color:#dc2626;background:#fef2f2}.activity-page__action-btn:disabled{opacity:.5;cursor:not-allowed}.auth-card{width:100%}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-form__actions{justify-content:flex-end;display:flex}.auth-submit{width:100%;margin-top:.5rem}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.auth-success{text-align:center;padding:1rem 0}.auth-success__icon{color:#10b981;margin-bottom:1rem}.auth-success__title{color:var(--text-h);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.auth-success__text{color:var(--text);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.auth-footer{border-top:1px solid var(--border);color:var(--text);justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;padding-top:1.25rem;font-size:.875rem;display:flex}.auth-link{color:var(--accent);align-items:center;gap:.25rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.auth-link:hover{opacity:.8;text-decoration:underline}.auth-link--small{font-size:.8125rem}.auth-link--block{justify-content:center}.auth-loading{justify-content:center;align-items:center;min-height:100svh;display:flex}.auth-loading__spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.my-imports-page{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}.my-imports-page__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.my-imports-page__header-text{flex:1}.my-imports-page__header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.my-imports-page__title{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.my-imports-page__subtitle{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.my-imports-page__stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.my-imports-page__stat-card{border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.my-imports-page__stat-icon{background-color:#fff9;border-radius:.625rem;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.my-imports-page__stat-info{flex-direction:column;display:flex}.my-imports-page__stat-value{font-size:1.25rem;font-weight:700;line-height:1.2}.my-imports-page__stat-label{color:#6b7280;font-size:.8125rem;font-weight:500}.my-imports-page__toolbar{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.my-imports-page__search{flex:1;max-width:400px;position:relative}.my-imports-page__search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.my-imports-page__search-input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.my-imports-page__search-input::placeholder{color:#9ca3af}.my-imports-page__search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.my-imports-page__search-clear{color:#6b7280;cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background-color .15s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.my-imports-page__search-clear:hover{color:#374151;background:#d1d5db}.my-imports-page__filter-group{align-items:center;gap:.5rem;display:flex}.my-imports-page__filter-select{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.375rem;padding:.4375rem .75rem;font-size:.875rem;display:flex}.my-imports-page__filter-select select{color:#374151;cursor:pointer;-webkit-appearance:none;background:0 0;border:none;outline:none;padding:0;font-size:.875rem}.my-imports-page__clear-filters{color:#dc2626;cursor:pointer;background:#fef2f2;border:none;border-radius:.375rem;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;transition:background-color .15s;display:inline-flex}.my-imports-page__clear-filters:hover{background:#fee2e2}.my-imports-page__filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.my-imports-page__filter-chip{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.my-imports-page__filter-chip:hover{background-color:#f9fafb;border-color:#d1d5db}.my-imports-page__filter-chip--active{font-weight:600}.my-imports-page__filter-count{color:#6b7280;background-color:#f3f4f6;border-radius:9999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 .375rem;font-size:.75rem;font-weight:600;display:inline-flex}.my-imports-page__features-cell{flex-wrap:wrap;gap:.25rem;max-width:260px;display:flex}.my-imports-page__feature-chip{color:#0369a1;white-space:nowrap;background:#f0f9ff;border:1px solid #bae6fd;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.my-imports-page__feature-chip--empty{color:#9ca3af;background:#f9fafb;border-color:#e5e7eb}.my-imports-page__card-chips{flex-wrap:wrap;gap:.25rem;margin:.5rem 0;display:flex}.my-imports-page__vehicle-cell{flex-direction:column;gap:.125rem;display:flex}.my-imports-page__vehicle-brand{color:#111827;font-size:.875rem;font-weight:600}.my-imports-page__vehicle-ecu{color:#6b7280;font-size:.8125rem}.my-imports-page__tune-status{border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:500;display:inline-flex}.my-imports-page__tune-status--success{color:#16a34a;background:#f0fdf4}.my-imports-page__tune-status--warning{color:#d97706;background:#fffbeb}.my-imports-page__tune-status--danger{color:#dc2626;background:#fef2f2}.my-imports-page__tune-status--default{color:#2563eb;background:#eff6ff}.my-imports-page__files-cell{flex-direction:column;gap:.25rem;display:flex}.my-imports-page__file-item{color:#4b5563;align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.my-imports-page__file-item span{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.my-imports-page__file-item--tuned{color:#16a34a;font-weight:500}.my-imports-page__file-size{color:#9ca3af;flex-shrink:0;font-size:.75rem}.my-imports-page__date-cell{color:#374151;flex-direction:column;font-size:.875rem;display:flex}.my-imports-page__table-card{overflow:visible}.my-imports-page__price--paid{color:#111827;font-size:.875rem;font-weight:600}.my-imports-page__price--unpaid{color:#ef4444;font-size:.875rem;font-weight:600}.my-imports-page__payment{margin-top:.125rem;font-size:.75rem}.my-imports-page__payment--paid{color:#10b981;font-weight:500}.my-imports-page__payment--unpaid{color:#ef4444;font-weight:500}.my-imports-page__row--clickable{cursor:pointer;transition:background-color .15s}.my-imports-page__row--clickable:hover{background-color:#f9fafb}.my-imports-page__row-chevron{color:#d1d5db;flex-shrink:0}.my-imports-page__row--clickable:hover .my-imports-page__row-chevron{color:#9ca3af}.my-imports-page__card--clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.my-imports-page__card--clickable:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000f}.my-imports-page__card-chevron{color:#d1d5db}.my-imports-page__card--clickable:hover .my-imports-page__card-chevron{color:#9ca3af}.my-imports-page__no-results{text-align:center;flex-direction:column;align-items:center;padding:3rem 2rem;display:flex}.my-imports-page__no-results h3{color:#111827;margin-top:.75rem;font-size:1.125rem;font-weight:600}.my-imports-page__no-results p{color:#6b7280;margin:.375rem 0 1rem;font-size:.875rem}.my-imports-page__pagination{justify-content:center;align-items:center;gap:1rem;padding:1rem 0;display:flex}.my-imports-page__page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.my-imports-page__page-btn:hover:not(:disabled){background-color:#f3f4f6}.my-imports-page__page-btn:disabled{opacity:.4;cursor:not-allowed}.my-imports-page__page-info{color:#6b7280;font-size:.875rem}.my-imports-page__loading,.my-imports-page__error,.my-imports-page__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.my-imports-page__loading p{color:#6b7280;margin-top:1rem}.my-imports-page__error h2,.my-imports-page__empty h2{color:#111827;margin-top:1rem;font-size:1.25rem;font-weight:600}.my-imports-page__error p,.my-imports-page__empty p{color:#6b7280;max-width:420px;margin-top:.5rem;margin-bottom:1rem}.my-imports-page__empty-actions{gap:.75rem;margin-top:.5rem;display:flex}.my-imports-page__cards{display:none}.my-imports-page__card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:.75rem;overflow:hidden}.my-imports-page__card-main{padding:1rem}.my-imports-page__card-top{justify-content:space-between;align-items:flex-start;display:flex}.my-imports-page__card-vehicle{flex-direction:column;gap:.125rem;display:flex}.my-imports-page__card-brand{color:#111827;font-size:1rem;font-weight:600}.my-imports-page__card-ecu{color:#6b7280;font-size:.875rem}.my-imports-page__card-status{color:#9ca3af;align-items:center;gap:.5rem;display:flex}.my-imports-page__card-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.625rem;display:flex}.my-imports-page__card-date{color:#9ca3af;font-size:.8125rem}@media (width<=768px){.my-imports-page__stats{grid-template-columns:repeat(2,1fr)}.my-imports-page__table-card{display:none}.my-imports-page__cards{display:block}.my-imports-page__toolbar{flex-direction:column;align-items:stretch}.my-imports-page__search{max-width:none}.my-imports-page__filter-group{justify-content:flex-start}}@media (width<=480px){.my-imports-page{padding:1rem .75rem}.my-imports-page__stats{grid-template-columns:1fr 1fr}.my-imports-page__filters{gap:.375rem}.my-imports-page__filter-chip{padding:.375rem .625rem;font-size:.8125rem}.my-imports-page__pagination{flex-direction:column;gap:.75rem}.my-imports-page__header{flex-direction:column}.my-imports-page__header-actions{align-self:flex-start}}.job-detail-page{max-width:1000px;margin:0 auto;padding:1.5rem 1rem}.job-detail-page__topbar{margin-bottom:1rem}.job-detail-page__header{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.job-detail-page__header-info{flex:1;min-width:0}.job-detail-page__header-title{color:#111827;align-items:center;gap:.5rem;display:flex}.job-detail-page__header-title h1{margin:0;font-size:1.25rem;font-weight:700}.job-detail-page__header-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.375rem;display:flex}.job-detail-page__job-id{color:#6b7280;background:#f3f4f6;border-radius:.25rem;padding:.25rem .5rem;font-family:SF Mono,Menlo,monospace;font-size:.75rem}.job-detail-page__header-date{color:#9ca3af;font-size:.8125rem}.job-detail-page__status-badge{white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.job-detail-page__grid{grid-template-columns:1fr 340px;align-items:start;gap:1.25rem;display:grid}.job-detail-page__left,.job-detail-page__right{flex-direction:column;gap:1.25rem;display:flex}.job-detail-page__card{overflow:hidden}.job-detail-page__card-header{color:#6b7280;border-bottom:1px solid #f3f4f6;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.job-detail-page__card-header h2{text-transform:uppercase;letter-spacing:.05em;color:#374151;margin:0;font-size:.8125rem;font-weight:600}.job-detail-page__card-body{padding:1rem 1.25rem}.job-detail-page__features{flex-wrap:wrap;gap:.5rem;display:flex}.job-detail-page__feature-chip{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.job-detail-page__feature-price{color:#0c4a6e;opacity:.7;font-size:.75rem}.job-detail-page__files{flex-direction:column;gap:.75rem;display:flex}.job-detail-page__file{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.job-detail-page__file--ready{background-color:#f0fdf4;border-color:#a7f3d0}.job-detail-page__file--pending{background-color:#f9fafb;border-style:dashed}.job-detail-page__file-info{align-items:center;gap:.75rem;min-width:0;display:flex}.job-detail-page__file-info svg{color:#6b7280;flex-shrink:0}.job-detail-page__file-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.job-detail-page__file-meta{color:#9ca3af;margin-top:.125rem;font-size:.75rem}.job-detail-page__note{margin-bottom:.75rem}.job-detail-page__note:last-child{margin-bottom:0}.job-detail-page__note-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.75rem;font-weight:600;display:block}.job-detail-page__note p{color:#374151;margin:0;font-size:.875rem;line-height:1.6}.job-detail-page__empty-text{color:#9ca3af;margin:0;font-size:.875rem;font-style:italic}.job-detail-page__payment-amount{color:#111827;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.job-detail-page__payment-status{align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:flex}.job-detail-page__payment-status--paid{color:#10b981}.job-detail-page__payment-status--unpaid{color:#ef4444}.job-detail-page__payment-date{color:#9ca3af;margin-top:.375rem;font-size:.8125rem}.job-detail-page__customer-name{color:#111827;margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.job-detail-page__customer-detail{color:#6b7280;align-items:center;gap:.375rem;margin-bottom:.25rem;font-size:.8125rem;display:flex}.job-detail-page__customer-detail:last-child{margin-bottom:0}.job-detail-page__timeline{flex-direction:column;gap:0;padding-left:.25rem;display:flex}.job-detail-page__timeline-item{align-items:flex-start;gap:.75rem;padding-bottom:.875rem;display:flex;position:relative}.job-detail-page__timeline-item:last-child{padding-bottom:0}.job-detail-page__timeline-item:not(:last-child):after{content:"";background:#e5e7eb;width:2px;position:absolute;top:14px;bottom:0;left:5px}.job-detail-page__timeline-item--latest:not(:last-child):after{background:#d1d5db}.job-detail-page__timeline-dot{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:2px;box-shadow:0 0 0 1px #0000001a}.job-detail-page__timeline-content{flex:1;min-width:0}.job-detail-page__timeline-status{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.job-detail-page__timeline-time{color:#9ca3af;font-size:.75rem}.job-detail-page__timeline-notes{color:#6b7280;margin:.25rem 0 0;font-size:.8125rem;line-height:1.4}.job-detail-page__loading,.job-detail-page__error{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.job-detail-page__loading p{color:#6b7280;margin-top:1rem}.job-detail-page__error h2{color:#111827;margin-top:1rem;font-size:1.25rem;font-weight:600}.job-detail-page__error p{color:#6b7280;margin-top:.5rem}@media (width<=768px){.job-detail-page__grid{grid-template-columns:1fr}.job-detail-page__header{flex-direction:column;gap:.75rem}.job-detail-page__status-badge{align-self:flex-start}.job-detail-page__file{flex-direction:column;align-items:stretch}.job-detail-page__file>button,.job-detail-page__file>.btn{justify-content:center}}@media (width<=480px){.job-detail-page{padding:1rem .75rem}.job-detail-page__header{padding:1rem}.job-detail-page__card-body{padding:.875rem 1rem}.job-detail-page__header-meta{flex-direction:column;gap:.375rem}}.not-found{background-color:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.not-found__content{text-align:center;max-width:480px}.not-found__icon{color:#9ca3af;margin-bottom:1.5rem}.not-found__title{color:#1f2937;margin-bottom:.75rem;font-size:1.875rem;font-weight:700}.not-found__message{color:#6b7280;margin-bottom:2rem;font-size:1rem;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background-color:#f3f4f6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.page-title{color:#111827;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.page-subtitle{color:#3b82f6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem;font-size:.75rem;font-weight:600;display:block}.section-title{color:#4b5563;margin-bottom:.75rem;font-size:1rem;font-weight:500}.spin{animation:1s linear infinite spin}
