.supplier-admin-page{background:var(--color-page);color:var(--color-text-primary);padding:34px 0 76px}.supplier-admin-page .container{max-width:1320px}.auto-service-workspace[hidden]{display:none!important}.mechanic-application-state{align-items:flex-start;background:var(--color-surface-1);border:1px solid var(--color-border-default);border-radius:16px;box-shadow:var(--shadow-panel);display:flex;gap:18px;margin:0 auto;max-width:850px;padding:28px}.mechanic-application-state>i{align-items:center;background:var(--color-primary);border-radius:12px;color:#fff;display:flex;flex:0 0 50px;height:50px;justify-content:center}.mechanic-application-state strong,.mechanic-application-state span{display:block}.mechanic-application-state strong{color:var(--color-text-primary);font-size:1.3rem}.mechanic-application-state span,.mechanic-application-state p{color:var(--color-text-secondary);margin:5px 0 14px}
.auto-service-topbar{align-items:end;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.auto-service-topbar h1{color:var(--color-text-primary);font-size:clamp(2rem,4vw,3.2rem);margin:2px 0 7px}.auto-service-topbar>div>p:last-child{color:var(--color-text-secondary);margin:0;max-width:720px}.auto-service-topbar>.btn{flex:none;min-height:46px}
.auto-service-layout{align-items:start;display:grid;gap:22px;grid-template-columns:275px minmax(0,1fr)}.auto-service-sidebar{display:grid;gap:14px;position:sticky;top:112px}.auto-service-completion,.auto-service-nav{background:var(--color-surface-1);border:1px solid var(--color-border-default);border-radius:14px;box-shadow:var(--shadow-panel)}.auto-service-completion{padding:18px}.auto-service-completion>div:first-child{align-items:center;display:flex;justify-content:space-between}.auto-service-completion span{color:var(--color-text-secondary);font-size:.76rem;font-weight:800;text-transform:uppercase}.auto-service-completion strong{color:var(--color-primary-bright);font-size:1.55rem}.auto-service-completion small{color:var(--color-text-secondary);display:block;line-height:1.4}.auto-service-progress{background:var(--color-surface-3);border-radius:99px;height:8px;margin:12px 0;overflow:hidden}.auto-service-progress span{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-bright));display:block;height:100%;transition:width .25s;width:0}
.auto-service-nav{display:grid;overflow:hidden;padding:7px}.auto-service-nav a{align-items:center;border:1px solid transparent;border-radius:9px;color:var(--color-text-primary);display:grid;gap:11px;grid-template-columns:38px minmax(0,1fr);padding:10px;text-decoration:none}.auto-service-nav a:hover,.auto-service-nav a:focus{background:var(--color-surface-hover);border-color:var(--color-border-accent)}.auto-service-nav i{align-items:center;background:var(--color-primary-soft);border-radius:8px;color:var(--color-primary-bright);display:flex;height:38px;justify-content:center}.auto-service-nav span,.auto-service-nav small{display:block}.auto-service-nav span{font-size:.83rem;font-weight:800}.auto-service-nav small{color:var(--color-text-secondary);font-size:.68rem;font-weight:500;margin-top:2px}
.auto-service-main,.auto-service-form{min-width:0}.auto-service-form{display:grid;gap:18px}.auto-service-card{background:var(--color-surface-1);border:1px solid var(--color-border-default);border-radius:16px;box-shadow:var(--shadow-panel);padding:clamp(20px,3vw,30px);scroll-margin-top:125px}.auto-service-card>header{align-items:start;border-bottom:1px solid var(--color-border-subtle);display:grid;gap:15px;grid-template-columns:46px minmax(0,1fr);margin-bottom:24px;padding-bottom:20px}.auto-service-card>header h2{color:var(--color-text-primary);font-size:1.65rem;margin:1px 0 5px}.auto-service-card>header p:last-child{color:var(--color-text-secondary);margin:0}.auto-service-step{align-items:center;background:var(--color-primary);border-radius:10px;color:#fff;display:flex;font:800 1rem "Barlow Condensed",sans-serif;height:46px;justify-content:center}.auto-service-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.auto-service-grid label,.auto-service-social-grid label,.auto-service-publish-grid>label,.auto-service-upload{color:var(--color-text-primary);display:grid;font-size:.82rem;font-weight:800;gap:7px;margin:0}.auto-service-grid label small,.auto-service-upload small,.auto-service-field-label small{color:var(--color-text-secondary);font-size:.7rem;font-weight:500;line-height:1.4}.auto-service-wide{grid-column:1/-1}.auto-service-section-gap{margin-top:24px}.auto-service-form .form-control{background:var(--color-surface-2)!important;border:1px solid var(--color-border-default)!important;border-radius:8px!important;color:var(--color-text-primary)!important;min-height:48px}.auto-service-form textarea.form-control{line-height:1.5;min-height:120px}.auto-service-form .form-control:focus{border-color:var(--color-border-accent)!important;box-shadow:0 0 0 3px rgba(99,178,255,.2)!important}.auto-service-field-label{color:var(--color-text-primary);display:flex;flex-direction:column;font-size:.82rem;font-weight:800;gap:3px;margin-bottom:11px}
.service-category-choices{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.service-category-choice{margin:0}.service-category-choice input{position:absolute;opacity:0;pointer-events:none}.service-category-choice span{align-items:center;background:var(--color-surface-2);border:1px solid var(--color-border-default);border-radius:9px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.73rem;font-weight:750;gap:8px;min-height:44px;padding:9px 11px}.service-category-choice span:before{align-items:center;border:1px solid var(--color-border-strong);border-radius:50%;content:"";display:flex;flex:0 0 17px;height:17px;justify-content:center}.service-category-choice input:checked+span{background:var(--color-primary-soft);border-color:var(--color-border-accent);color:var(--color-text-primary)}.service-category-choice input:checked+span:before{background:var(--color-primary);border-color:var(--color-primary);box-shadow:inset 0 0 0 4px var(--color-surface-1)}.service-category-choice input:focus-visible+span{outline:2px solid var(--color-focus-ring);outline-offset:2px}
.auto-service-social-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.auto-service-social-grid label{position:relative}.auto-service-social-grid label>i{bottom:16px;color:var(--color-primary-bright);left:14px;position:absolute;z-index:1}.auto-service-social-grid input{padding-left:42px}.auto-service-media-grid{display:grid;gap:18px;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr)}.auto-service-preview{align-items:center;background:var(--color-surface-2);border:1px dashed var(--color-border-strong);border-radius:11px;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative}.auto-service-preview.is-cover{height:220px}.auto-service-preview img{display:none;height:100%;object-fit:cover;width:100%}.auto-service-preview.has-image img{display:block}.auto-service-preview.has-image i{display:none}.auto-service-preview>i{color:var(--color-text-muted);font-size:2rem}
.auto-service-publish-card{border-color:var(--color-border-accent)}.auto-service-publish-grid{align-items:stretch;display:grid;gap:18px;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)}.auto-service-billing{align-items:start;background:var(--color-surface-2);border:1px solid var(--color-border-default);border-radius:11px;display:grid;gap:13px;grid-template-columns:42px minmax(0,1fr);padding:14px}.auto-service-billing>span{align-items:center;background:var(--color-primary-soft);border-radius:9px;color:var(--color-primary-bright);display:flex;height:42px;justify-content:center}.auto-service-billing p{margin:3px 0!important}.auto-service-billing small{color:var(--color-text-secondary)}.auto-service-billing-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.auto-service-savebar{align-items:center;background:rgba(8,17,28,.94);border:1px solid var(--color-border-accent);border-radius:13px;bottom:12px;box-shadow:var(--shadow-float);display:flex;gap:18px;justify-content:space-between;padding:12px 14px;position:sticky;z-index:20}.auto-service-savebar p{color:var(--color-text-secondary);margin:0;min-height:0}.auto-service-savebar .btn{flex:none;min-height:48px}
@media(max-width:1050px){.auto-service-layout{grid-template-columns:230px minmax(0,1fr)}.service-category-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.supplier-admin-page{padding-top:24px}.auto-service-topbar{align-items:start;display:grid}.auto-service-layout{grid-template-columns:1fr}.auto-service-sidebar{position:static}.auto-service-nav{display:flex;overflow-x:auto}.auto-service-nav a{flex:0 0 190px}.auto-service-completion{display:none}.auto-service-card{scroll-margin-top:85px}}
@media(max-width:575px){.supplier-admin-page{padding:18px 0 56px}.supplier-admin-page .container{padding-left:10px;padding-right:10px}.auto-service-topbar>.btn{width:100%}.auto-service-nav a{flex-basis:165px}.auto-service-card{border-radius:12px;padding:17px}.auto-service-card>header{grid-template-columns:40px minmax(0,1fr)}.auto-service-step{height:40px}.auto-service-grid,.auto-service-social-grid,.auto-service-media-grid,.auto-service-publish-grid,.service-category-choices{grid-template-columns:1fr}.auto-service-wide{grid-column:auto}.auto-service-preview,.auto-service-preview.is-cover{height:180px}.auto-service-billing-actions{display:grid}.auto-service-billing-actions .btn{width:100%}.auto-service-savebar{align-items:stretch;bottom:8px;display:grid}.auto-service-savebar .btn{width:100%}}
.auto-service-topbar-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.auto-service-topbar-actions .btn{align-items:center;display:inline-flex;gap:7px;justify-content:center}.auto-service-card{scroll-margin-top:110px}@media(max-width:850px){.auto-service-topbar-actions{justify-content:flex-start}}@media(max-width:575px){.auto-service-topbar-actions{display:grid;width:100%}.auto-service-topbar-actions .btn{width:100%}}