:root{--navy:#006ffd;--ink:#006ffd;--muted:#8f9098;--teal:#2897ff;--teal-dark:#006ffd;--line:#e8e9f1;--surface:#f8f9fe;--radius:16px;--shadow:0 12px 36px #006ffd08}*{box-sizing:border-box}body{color:var(--ink);background:#ffffff;font-synthesis:none}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2897ff;outline-offset:4px}a,button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button,.button{min-height:42px}.button{border-radius:9px;font-size:13px;padding:10px 21px}.button:hover{background:var(--teal-dark);box-shadow:0 5px 14px #2897ff20}.button.dark:hover{background:#006ffd}.button.white:hover{background:#f8f9fe;color:var(--navy)}.button.outline:hover{background:#ffffff15;box-shadow:none}input,select,textarea{min-height:46px;border-color:#d4d6dd;border-radius:10px;padding:11px 14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#2897ff;box-shadow:0 0 0 3px #2897ff10}textarea{min-height:132px}label.field{font-size:12px;font-weight:500;color:#494a50;margin:18px 0 7px}input::placeholder,textarea::placeholder{color:#8f9098;font-weight:400}.field input,.field select,.field textarea{margin-top:7px}header{max-width:1200px;min-height:88px;padding:16px 30px;background:#ffffff}header .brand-symbol{width:83px;height:48px}header .brand-name{font-size:29px}header nav{gap:30px}header nav a{position:relative;padding:7px 0;color:#71727a}header nav a[aria-current=page]{color:#006ffd;font-weight:700}header nav a[aria-current=page]:after{content:'';position:absolute;bottom:0;right:0;width:17px;height:3px;border-radius:8px;background:#2897ff}header .button{min-height:39px;font-size:12px}.reference-hero{height:445px}.hero-content{max-width:1164px}.hero-content h1{font-size:46px;line-height:1.65}.hero-content p{font-size:14px;margin:14px 0 27px}.hero-search{width:560px;border-radius:12px;padding:6px;min-height:61px}.hero-search select{min-height:44px}.hero-search button{min-height:44px}.reference-content{max-width:1180px}.ref-section{padding-top:40px}.ref-title{margin-bottom:24px}.ref-title h2{font-size:24px}.ref-title p{font-size:12px;margin-top:7px;color:#8f9098}.services{gap:14px}.service{padding:25px 10px 18px;background:linear-gradient(150deg,#f8f9fe,#f8f9fe);border-color:#e8e9f1;border-radius:13px}.service:hover{border-color:#b4dbff;box-shadow:0 10px 24px #006ffd09;transform:translateY(-3px)}.service-icon{width:42px;height:42px;margin-bottom:18px}.service h3{font-size:12px;white-space:nowrap}.service p{font-size:10px;margin-top:7px}.service .badge{margin-top:17px;padding:3px 12px;font-weight:500}.ref-split{margin:35px 0;min-height:233px}.map-promo,.map-promo .map{min-height:233px}.request-promo{padding:28px 32px}.request-promo h2{font-size:26px}.map-label{top:24px;bottom:24px;min-width:195px}.map-label p{font-size:12px}.ref-why,.ref-flow{padding:25px 24px 28px;background:#f8f9fe;border:1px solid #e8e9f1;border-radius:14px;margin-bottom:28px}.ref-why .ref-title h2,.ref-flow .ref-title h2{font-size:20px}.reference-benefits{margin-top:24px}.reference-benefits h3{font-size:13px;margin-top:13px}.reference-benefits p{font-size:11px;margin-top:5px}.reference-benefits>div+div{border-color:#e8e9f1}.ref-steps{padding-top:8px}.ref-steps b{width:37px;height:37px;background:#006ffd;box-shadow:0 0 0 6px #006ffd09}.ref-steps h3{margin-top:17px;font-size:12px}.ref-steps p{font-size:10px;margin-top:5px}.ref-steps>div:not(:last-child):after{top:7px}.ref-join{min-height:180px;margin-bottom:28px}.ref-join h2{font-size:25px}.ref-join p{font-size:12px}.ref-join .button{margin-top:4px;min-height:39px;font-size:12px}.ref-future{border-color:#e8e9f1;margin-bottom:40px;padding:25px 30px}.ref-footer{padding-top:44px;padding-bottom:44px;gap:40px}.ref-footer p,.ref-footer a:not(.brand){font-size:11px}.ref-footer b{font-size:13px}.ref-footer .brand-name{font-size:26px}.ref-footer .brand-symbol{background:transparent;filter:brightness(0) invert(1);padding:0;width:73px}.ref-footer .brand{gap:9px}.card{box-shadow:var(--shadow);border-color:var(--line);border-radius:var(--radius)}.page-title{padding:38px 0 28px}.page-title h1{font-size:29px;font-weight:800;letter-spacing:-.5px}.page-title p{font-size:13px;margin:8px 0 0}.workspace{grid-template-columns:230px minmax(0,1fr);gap:26px}.workspace>section{min-width:0}.sidebar{padding:22px 13px;background:#006ffd;border-radius:17px;position:sticky;top:22px;box-shadow:0 12px 30px #006ffd12}.sidebar h3{padding:0 14px;margin:3px 0 24px;color:#e8e9f1;font-size:14px}.sidebar a{display:flex;align-items:center;gap:11px;padding:12px 14px;font-size:12px;border-radius:9px;margin-bottom:5px;color:#c5c6cc;line-height:1.6}.sidebar a.active{background:#ffffff13;color:#ffffff;box-shadow:inset -3px 0 #2897ff}.sidebar a:hover{background:#ffffff0b;color:#ffffff}.sidebar a:last-child{margin-top:22px;padding-top:17px;border-top:1px solid #ffffff12;border-radius:0}.nav-icon{width:19px;height:19px;object-fit:contain;filter:brightness(0) invert(1);opacity:.65;flex-shrink:0}.sidebar a.active .nav-icon{opacity:1}.panel-view{background:var(--surface)}.panel-view header{max-width:none;border-bottom:1px solid var(--line);padding-left:max(28px,calc((100vw - 1180px)/2));padding-right:max(28px,calc((100vw - 1180px)/2))}.panel-view header nav{display:none}.panel-view header>.button{font-size:12px}.panel-view .ref-footer{display:none}.panel-view main>.container{max-width:1230px}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.panel-toolbar span{font-size:12px;color:var(--muted)}.panel-toolbar .role-tag{background:#e8e9f1;padding:5px 12px;border-radius:7px;color:#006ffd;font-weight:600}.role-welcome{background:#e8e9f1;border-color:#d4d6dd;padding:27px 25px;margin-bottom:24px}.role-welcome h2{font-size:22px}.role-welcome p{font-size:12px;max-width:440px;line-height:2}.role-welcome .button{flex-shrink:0}.stats{gap:16px;margin-bottom:24px}.stat{padding:22px 24px;position:relative;overflow:hidden}.stat:before{content:'';position:absolute;top:22px;left:22px;width:8px;height:8px;border-radius:50%;background:#c5c6cc;box-shadow:0 0 0 5px #f8f9fe}.stat span{font-size:12px;color:#8f9098}.stat strong{font-size:28px;font-weight:800;margin-top:12px;color:#006ffd}.role-card{padding:26px;margin-bottom:24px}.panel-heading{margin-bottom:24px}.panel-heading h2{font-size:17px;font-weight:750}.empty{background:#f8f9fe;border:1px dashed #e8e9f1;border-radius:12px;padding:37px 24px}.empty:before{content:'';display:block;width:36px;height:36px;background:url('/assets/empty-state.svg') center/contain no-repeat;margin:0 auto 15px}.empty b{font-size:14px;font-weight:600;color:#494a50}.empty p{font-size:12px;color:#8f9098;margin:9px auto 0;max-width:390px;line-height:2}.role-shortcuts{gap:15px}.role-shortcuts>a{padding:22px;border-radius:13px;border-color:#e8e9f1;box-shadow:0 4px 12px #006ffd03}.role-shortcuts>a:hover{border-color:#b4dbff;background:#ffffff;transform:translateY(-2px)}.role-shortcuts b{font-size:13px;color:#006ffd}.role-shortcuts p{font-size:11px;line-height:2}.onboarding{font-size:13px;line-height:3;margin:0;padding-right:23px}.onboarding li::marker{font-weight:700;color:#2897ff}.filter-tabs{gap:7px;padding-bottom:18px;border-bottom:1px solid var(--line)}.filter-tabs button{min-height:33px;border:0;background:transparent;border-radius:7px;color:#8f9098;font-size:11px;padding:5px 15px;font-weight:500}.filter-tabs button[aria-selected=true]{background:#e8e9f1;color:#006ffd;font-weight:700}.table-wrap{border:1px solid #e8e9f1;border-radius:11px}th{font-size:11px;padding:15px;background:#f8f9fe;color:#8f9098}td{font-size:12px}.table-empty{padding:50px 20px}.admin-queue>a{padding:18px 2px;align-items:center;font-size:13px}.admin-queue>a:hover{color:#006ffd}.admin-queue b{font-size:14px;font-weight:700}.document-list>div{padding:20px 0}.document-list b{font-size:13px;font-weight:500}.badge{padding:4px 11px;font-size:10px}.signup-layout{gap:26px;max-width:1040px;margin:0 auto 65px}.signup-layout .card{padding:30px}.signup-layout h2{font-size:22px}.signup-layout h3{font-size:16px}.signup-layout .onboarding{margin:22px 0}.login{padding:34px;margin-top:50px;box-shadow:0 20px 65px #006ffd0a}.login h1{font-size:28px;font-weight:800}.login p{font-size:12px}.role-choices{gap:9px}.role-choices a{background:#f8f9fe;padding:13px 4px;border-radius:9px;font-size:11px}.role-choices a:hover{background:#e8e9f1;border-color:#c5c6cc}.progress{counter-reset:step;gap:16px;margin-bottom:30px}.progress span{font-size:11px;line-height:2;padding-top:12px}.progress span.active{border-color:#2897ff;font-weight:600}.form-actions{padding-top:20px;border-top:1px solid var(--line);margin-top:25px}.form-grid{gap:0 22px}#toast{font-family:inherit;bottom:28px;left:28px;padding:15px 22px;border-radius:12px;font-size:12px;box-shadow:0 10px 32px #006ffd2a;max-width:calc(100vw - 44px)}.panel-nav-toggle{display:none}.panel-route-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.panel-route-links a{font-size:12px;color:#006ffd}.pending-form .button{margin-top:23px}.pending-form p{font-size:12px}.faq-section{margin:32px 0 44px}.faq-section>h2{text-align:center;font-size:22px;margin-bottom:25px}.faq-section details{border:1px solid #e8e9f1;border-radius:11px;margin:10px 0;background:#ffffff}.faq-section summary{list-style:none;padding:17px 22px;cursor:pointer;font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:18px}.faq-section summary:after{content:'+';color:#2897ff;font-size:20px;line-height:1}.faq-section details[open] summary:after{content:'−'}.faq-section details p{padding:0 22px 19px;margin:0;font-size:12px;line-height:2.2;max-width:800px}.skip-link{position:fixed;right:18px;top:-100px;z-index:100;background:#006ffd;color:#ffffff;padding:10px 18px;border-radius:8px}.skip-link:focus{top:12px}.header-mobile-toggle{display:none}.field-error{color:#ed3241;font-size:11px;margin:7px 0}.form-grid .full{min-width:0}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-home-link{color:#71727a;font-size:12px}.surface-note{background:#f8f9fe;border-radius:10px;padding:14px 18px;margin:20px 0;color:#71727a;font-size:12px}.file-field{padding:18px;background:#f8f9fe;border:1px dashed #d4d6dd;border-radius:12px}.file-field input{border:0;padding:7px 0;background:transparent;font-size:11px;max-width:100%}.document-list .file-field{margin-top:12px}.request-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px}.request-summary>div{padding:17px;background:#f8f9fe;border-radius:10px}.request-summary span{font-size:11px;color:#8f9098}.request-summary p{margin:8px 0 0;font-size:14px;color:#006ffd}.request-summary .full{grid-column:1/-1}.request-summary p{overflow-wrap:anywhere}@media(min-width:801px) and (max-width:1050px){.workspace{grid-template-columns:205px minmax(0,1fr);gap:18px}.role-welcome{align-items:start;flex-direction:column}.role-shortcuts{grid-template-columns:1fr}.stat{padding:18px}.stat strong{font-size:24px}.stat:before{display:none}header nav{gap:18px}.service h3{font-size:11px}}@media(max-width:800px){header{min-height:76px;padding:13px 20px;gap:12px;position:relative;flex-wrap:nowrap}header .brand-symbol{width:66px;height:40px}header .brand-name{font-size:25px}header .brand{gap:6px}header>.button{margin-right:auto;padding:8px 12px;font-size:10px;min-height:35px}.header-mobile-toggle{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #e8e9f1;border-radius:8px;background:#ffffff;color:#006ffd;font-size:20px;min-height:36px;flex-shrink:0}header nav{display:none;position:absolute;top:100%;right:0;left:0;z-index:8;background:#ffffff;padding:12px 20px 20px;box-shadow:0 13px 20px #006ffd0c;border-top:1px solid #e8e9f1;flex-direction:column;gap:5px}header.nav-open nav{display:flex}header nav a{font-size:13px;padding:9px 0}header nav a[aria-current=page]:after{display:none}.reference-hero{height:390px}.hero-content{padding:26px 22px}.hero-content h1{font-size:31px}.hero-content p{font-size:12px;max-width:265px;line-height:2}.hero-search{padding:5px;min-height:55px}.hero-search button{min-height:40px;padding:7px 13px}.hero-search span{padding:0 8px}.hero-search select{font-size:10px}.ref-section{padding-top:30px}.ref-title h2{font-size:22px}.ref-title p{font-size:11px}.services{gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}.service{padding:20px 5px 15px}.service h3{font-size:10px;white-space:normal;line-height:1.8;min-height:18px}.service p{font-size:8px;min-height:30px}.service-icon{width:34px;height:34px;margin-bottom:12px}.service .badge{padding:3px 8px;font-size:8px;min-width:0}.ref-split{margin:25px 0}.request-promo{padding:25px}.request-promo h2{font-size:23px}.ref-why,.ref-flow{padding:22px 14px}.reference-benefits h3{font-size:11px}.reference-benefits p{font-size:9px}.ref-steps h3{font-size:10px}.ref-steps p{font-size:9px}.ref-join{padding:25px 14px}.ref-join h2{font-size:21px}.ref-join p{font-size:11px}.ref-join .button{font-size:11px;margin:5px 3px;padding:7px 13px}.ref-future{padding:22px}.ref-footer{padding:32px 23px;gap:30px 20px}.ref-footer .brand-symbol{width:60px}.ref-footer .brand-name{font-size:23px}.ref-footer p,.ref-footer a:not(.brand){font-size:10px}.panel-view header{padding:13px 20px}.panel-view header .header-mobile-toggle{display:none}.panel-view header nav{display:none!important}.page-title{padding:25px 0 21px}.page-title h1{font-size:25px}.page-title p{font-size:11px;margin-top:6px}.panel-home-link{display:none}.workspace{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:35px}.panel-view main>.container{padding:0 18px}.panel-nav-toggle{display:flex;width:100%;background:#ffffff;border:1px solid #e8e9f1;border-radius:11px;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#006ffd;padding:12px 16px;min-height:45px;margin-bottom:16px}.sidebar{display:none;position:static;overflow:visible;flex-direction:column;margin-bottom:20px;padding:12px;border-radius:13px}.workspace.menu-open .sidebar{display:flex;gap:3px}.sidebar h3{display:none}.sidebar a{font-size:12px;padding:12px;white-space:normal;margin:0}.sidebar a:last-child{margin-top:10px}.panel-toolbar{margin-bottom:15px}.panel-toolbar span{font-size:11px}.role-welcome{padding:22px 20px;gap:18px;align-items:start;flex-direction:column;margin-bottom:18px}.role-welcome h2{font-size:19px}.role-welcome p{font-size:11px}.role-welcome .button{font-size:12px}.stats{gap:9px;margin-bottom:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:18px 12px;border-radius:12px}.stat:before{display:none}.stat span{font-size:9px;line-height:1.8;display:block;min-height:32px}.stat strong{font-size:19px;margin-top:9px;white-space:normal;line-height:1.6}.role-card{padding:20px 17px;margin-bottom:18px}.panel-heading{gap:10px;margin-bottom:18px;align-items:center}.panel-heading h2{font-size:15px}.panel-heading .button{font-size:10px;padding:7px 11px;min-height:35px}.empty{padding:29px 17px}.empty b{font-size:13px}.empty p{font-size:11px}.role-shortcuts{grid-template-columns:1fr;gap:10px}.role-shortcuts>a{padding:19px}.role-shortcuts b{font-size:13px}.role-shortcuts p{font-size:11px}.onboarding{font-size:12px;line-height:2.8}.filter-tabs{gap:5px}.filter-tabs button{padding:5px 10px;font-size:10px}.admin-queue>a{font-size:12px;gap:15px}.signup-layout{margin-bottom:35px}.signup-layout .card{padding:25px 22px}.signup-layout h2{font-size:20px}.login{padding:28px 23px;margin:30px 18px 40px}.login h1{font-size:25px}.form-actions{align-items:stretch;flex-direction:column;gap:12px}.form-actions .button{width:100%}.progress{gap:10px}.progress span{font-size:9px}.request-summary{grid-template-columns:1fr}.request-summary .full{grid-column:auto}.faq-section{margin:25px 0 35px}.faq-section>h2{font-size:20px}.faq-section summary{font-size:12px;padding:16px 18px}.faq-section details p{font-size:11px;padding:0 18px 17px}.map-layout{margin-bottom:30px}.map-layout .card{padding:20px}.document-list b{font-size:12px}#toast{bottom:18px;left:18px;right:18px;max-width:none;text-align:center}.panel-view .panel-nav-toggle{grid-column:1}.panel-view .sidebar{grid-column:1}.panel-view .workspace>section{grid-column:1}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
#account-form .button,#bike-form>.button,#ticket-form>.button,#mechanic-profile>.button{margin-top:22px}#account-form>.button{width:100%}.auth-links{display:flex;flex-direction:column;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:#006ffd}.actual-order p{white-space:pre-wrap;overflow-wrap:anywhere}.actual-order small{font-size:10px;color:#8f9098}.order-actions{display:flex;gap:12px;margin-top:15px;align-items:center}.danger-text{background:transparent;border:0;color:#ed3241;font-size:12px}.offer-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:12px;border-top:1px solid var(--line);margin-top:15px}.offer-row b{font-size:13px}.bike-card{padding:22px;display:flex;gap:20px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;align-items:center}.bike-card img{width:48px;height:48px}.bike-card b{font-size:15px}.bike-card p{font-size:12px;margin:4px 0 0}.loading-state{padding:50px;text-align:center;color:#8f9098}.live-filters{display:flex;gap:8px;margin-bottom:20px}.live-filters button{border:0;border-radius:8px;background:#f8f9fe;font-size:11px;padding:5px 17px;min-height:34px;color:#71727a}.live-filters button.selected{background:#e8e9f1;color:#006ffd}
.bike-facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:12px;font-size:11px;color:#8f9098}.bike-facts b{font-size:11px;color:#494a50;font-weight:500}.history-bike{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.history-bike>span{font-size:12px;color:#006ffd;white-space:nowrap}.history-entry{border-right:3px solid #c5c6cc;border-radius:9px;padding:20px;background:#f8f9fe;margin-bottom:18px}.history-entry p{font-size:12px}.history-entry .button{font-size:11px;min-height:36px;margin-top:14px}.symptom-selector,.report-fieldset{border:0;padding:0;margin:20px 0;min-width:0}.symptom-selector legend,.report-fieldset legend{font-size:13px;font-weight:600;padding:0;margin-bottom:15px}.symptom-selector>div{display:flex;flex-wrap:wrap;gap:9px}.symptom-selector label{position:relative;cursor:pointer}.symptom-selector input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.symptom-selector span:not(.optional){display:block;border:1px solid #e8e9f1;border-radius:9px;padding:8px 14px;font-size:12px;color:#71727a;background:#f8f9fe}.symptom-selector input:checked+span{border-color:#2897ff;background:#e8e9f1;color:#006ffd;box-shadow:inset 0 0 0 1px #2897ff}.symptom-selector input:focus-visible+span{outline:3px solid #2897ff;outline-offset:2px}.optional{color:#8f9098;font-size:10px;font-weight:400;margin-right:7px}.symptom-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.symptom-chips>span{background:#f8f9fe;border-radius:6px;padding:3px 9px;font-size:10px;color:#71727a}.report-meta{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:12px;color:#71727a;margin-bottom:25px}.report-checks>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.check-result{font-size:11px;font-weight:500;color:#006ffd}.check-result.attention{color:#ed3241}.report-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.1;font-size:13px;color:#71727a}.role-card>h3{font-size:14px;margin:25px 0 10px}.check-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.check-row select{max-width:200px;font-size:12px}.bike-card>.link{margin-right:auto;white-space:nowrap}.actual-order>.button{margin-top:14px;font-size:11px;min-height:35px}@media(max-width:800px){.history-bike{align-items:start;flex-direction:column;padding:18px}.bike-card{flex-wrap:wrap;padding:18px}.bike-card .link{width:100%;margin-top:8px}.bike-facts{gap:9px;font-size:10px;flex-direction:column}.symptom-selector span:not(.optional){font-size:11px;padding:7px 11px}.symptom-selector legend{font-size:12px}.check-row{gap:12px;font-size:11px}.check-row select{max-width:170px;font-size:11px}.report-checks>div{font-size:11px}.report-meta{font-size:11px}}
.service-directory{padding-bottom:60px}.service-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.directory-card{display:block;padding:30px;transition:.2s}.directory-card:hover{border-color:#6fbaff;transform:translateY(-3px)}.directory-card img{width:46px;height:46px;margin-bottom:18px}.directory-card h2{font-size:19px;margin:0 0 10px}.directory-card p{font-size:12px;line-height:2.1;min-height:75px}.directory-card>span{color:#006ffd;font-size:12px;font-weight:600}.service-breadcrumb{padding:25px 0;font-size:12px;color:#8f9098}.service-breadcrumb a{color:#006ffd}.service-detail-hero{background:#006ffd;color:#ffffff;border-radius:20px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:35px}.service-detail-hero h1{font-size:34px;margin:15px 0 10px}.service-detail-hero p{max-width:650px;color:#d4d6dd;font-size:14px;line-height:2.1}.service-detail-hero>img{width:115px;height:115px;filter:brightness(0) invert(1);opacity:.8}.service-detail-hero .button.outline{color:#ffffff}.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.service-detail-grid h2,.service-cost h2{font-size:19px;margin:0 0 18px}.service-check-list{padding:0;list-style:none;font-size:13px;color:#71727a;line-height:2.6}.service-check-list li:before{content:'✓';color:#2897ff;margin-left:10px}.service-four-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;margin-top:25px}.service-four-steps b{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:#006ffd;color:#ffffff;border-radius:50%}.service-four-steps h3{font-size:12px;margin:14px 0 0}.service-cost{display:flex;align-items:center;gap:30px;justify-content:space-between}.service-cost p{font-size:13px;line-height:2.2;max-width:800px;margin:0}.service-cost .button{white-space:nowrap;flex-shrink:0}.service-form-card{max-width:850px;margin:0 auto 50px;padding:32px}.service-form-card button[type=submit]{margin-top:25px}.service-form-card p{font-size:12px}.consent{display:flex;gap:10px;align-items:center;font-size:12px;color:#71727a}.consent input{width:18px;height:18px;min-height:0}#market-results{margin-top:25px}@media(max-width:800px){.service-directory-grid{grid-template-columns:1fr;gap:15px}.directory-card{padding:25px}.directory-card p{min-height:0}.service-detail-hero{padding:27px 23px;position:relative}.service-detail-hero h1{font-size:26px}.service-detail-hero p{font-size:12px}.service-detail-hero>img{width:55px;height:55px;position:absolute;left:22px;top:22px;opacity:.13}.service-detail-hero .hero-actions{flex-wrap:wrap}.service-detail-hero .button{font-size:11px;padding:9px 14px}.service-detail-grid{grid-template-columns:1fr;gap:15px;margin:20px 0}.service-detail-grid h2{font-size:17px}.service-check-list{font-size:12px}.service-four-steps{grid-template-columns:1fr 1fr;gap:22px}.service-four-steps h3{font-size:11px}.service-cost{flex-direction:column;align-items:start;padding:23px}.service-cost p{font-size:12px}.service-form-card{padding:24px 20px}.service-breadcrumb{font-size:11px;padding:20px 0}}

.account-roles{border:0;padding:0;margin:22px 0}.account-roles legend{font-weight:800;margin-bottom:12px}.account-role-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-role{display:flex;align-items:flex-start;gap:9px;padding:14px 12px;border:1px solid #d4d6dd;border-radius:12px;cursor:pointer;background:#ffffff}.account-role:has(input:checked){border-color:#2897ff;background:#f8f9fe;box-shadow:0 0 0 1px #2897ff}.account-role input{width:17px;height:17px;margin:4px 0 0;accent-color:#2897ff;flex-shrink:0}.account-role strong{display:block;font-size:14px}.account-role small{display:block;font-size:11px;line-height:1.9;color:#71727a}.role-hint{font-size:12px;line-height:1.9;margin:12px 0 0;color:#71727a}.account-role:last-child:nth-child(3){grid-column:1/-1}@media(max-width:400px){.account-role-options{grid-template-columns:1fr}}

/* Readable laptop layout with fluid tracks instead of fixed minimum widths. */
body{font-size:16px}
img,svg,video{max-width:100%}
header,.container,.reference-content,.hero-content{width:100%;max-width:1320px}
.container,.reference-content{padding-inline:clamp(18px,3vw,40px)}
header{padding-inline:clamp(18px,3vw,40px)}
header nav{font-size:15px;gap:26px;min-width:0}
header .button,.button{font-size:15px;min-height:46px}
header .brand-symbol{width:94px;height:55px}
header .brand-name{font-size:33px}
.hero-content{padding-inline:clamp(22px,3vw,40px)}
.hero-content p{font-size:18px}
.hero-search{width:620px}
.hero-search select{font-size:15px;min-width:0;flex:1}
.hero-search button{font-size:15px;flex-shrink:0}
.hero-search>span{flex-shrink:0}
.ref-title h2{font-size:28px}
.ref-title p{font-size:15px}
.services{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.service{min-width:0;padding:27px 12px 22px}
.service-icon{width:48px;height:48px}
.service h3{font-size:15px;white-space:normal;line-height:1.9}
.service p{font-size:13px;line-height:1.9}
.service .badge,.badge{font-size:12px}
.reference-benefits h3,.ref-steps h3{font-size:16px}
.reference-benefits p,.ref-steps p,.ref-join p,.map-label p{font-size:14px}
.ref-footer{grid-template-columns:1.3fr 1fr 1fr 1.4fr;padding-inline:max(24px,calc((100% - 1240px)/2))}
.ref-footer p,.ref-footer a:not(.brand){font-size:14px}
.ref-footer b{font-size:16px}
.service-directory-grid,.service-detail-grid,.form-grid,.signup-layout,.map-layout,.ref-split{min-width:0}
.service-directory-grid>*,.service-detail-grid>*,.form-grid>*,.signup-layout>*,.map-layout>*,.ref-split>*,.ref-footer>*,.ref-steps>*{min-width:0}
.ref-split,.service-detail-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ref-steps{grid-template-columns:repeat(5,minmax(0,1fr))}
.service-detail-hero>div{min-width:0}
.service-detail-hero>img{flex-shrink:0}
.service-detail-grid p,.service-detail-grid li,.service-cost p{font-size:15px}
.page-title p,.sidebar a,.role-welcome p,.stat span,.order p,.empty p,.role-shortcuts p,.panel-toolbar span{font-size:14px}
.sidebar h3,.panel-heading h2{font-size:18px}
.role-shortcuts b{font-size:16px}
label.field,.login label,label.field input,label.field select,label.field textarea{font-size:15px}
.login{width:calc(100% - 36px);max-width:560px;padding:32px}
.login p{font-size:15px}
.login .account-role{display:flex;margin:0;align-items:flex-start}
.account-role strong{font-size:16px}
.account-role small,.role-hint{font-size:13px}
fieldset{min-inline-size:0}
.hero-actions,.panel-heading,.panel-toolbar,.order-top,.order-actions,.row{flex-wrap:wrap}
input,select,textarea{max-width:100%;min-width:0}
p,li,.order,.empty,.service-directory-card{overflow-wrap:anywhere}
@media(min-width:801px) and (max-width:1199px){
 header{flex-wrap:wrap;gap:16px}header nav{order:3;width:100%;justify-content:center}
 .services{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ref-footer{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .map-layout{grid-template-columns:280px minmax(0,1fr)}
}
@media(max-width:800px){
 body{font-size:15px}header{gap:10px;flex-wrap:nowrap}header .brand-symbol{width:72px;height:44px}header .brand-name{font-size:27px}
 header .button{font-size:12px;padding:9px 13px;min-height:42px}
 .hero-content p{font-size:15px}.hero-search{width:100%}.hero-search select,.hero-search button{font-size:13px}
 .services{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.service{padding:20px 9px}.service h3{font-size:14px}.service p{font-size:12px}
 .ref-split,.service-detail-grid,.form-grid{grid-template-columns:minmax(0,1fr)}
 .ref-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-steps>div:after{display:none}
 .ref-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
 .map-label{min-width:0;max-width:calc(100% - 32px)}
 .login{padding:24px}.reference-benefits h3,.ref-steps h3{font-size:14px}
 .service-detail-hero .button{font-size:14px}
}
@media(max-width:480px){
 .services{grid-template-columns:repeat(2,minmax(0,1fr))}
 header .brand-symbol{width:59px;height:38px}header .brand-name{font-size:24px}
 .hero-search{flex-wrap:wrap;gap:6px}.hero-search select{flex-basis:100%}.hero-search>span{flex:1}
 .ref-footer{grid-template-columns:minmax(0,1fr)}
}

/* Larger reading sizes for laptop screens. */
@media(min-width:801px){
 body{font-size:18px;line-height:2}
 header nav{font-size:17px}
 header .button,.button{font-size:17px}
 .hero-content p{font-size:20px}
 .hero-search select,.hero-search button{font-size:17px}
 .ref-title p{font-size:17px}
 .service h3{font-size:17px}
 .service p{font-size:15px}
 .service .badge,.badge{font-size:14px}
 .reference-benefits h3,.ref-steps h3{font-size:18px}
 .reference-benefits p,.ref-steps p,.ref-join p,.map-label p{font-size:16px}
 .ref-footer p,.ref-footer a:not(.brand){font-size:16px}
 .ref-footer b{font-size:18px}
 .service-detail-hero p,.service-detail-grid p,.service-detail-grid li,.service-cost p{font-size:17px}
 .service-directory-card p,.service-directory-card li{font-size:17px}
 .page-title p,.sidebar a,.role-welcome p,.stat span,.order p,.empty p,.role-shortcuts p,.panel-toolbar span{font-size:16px}
 .panel-heading h2{font-size:21px}
 .role-shortcuts b{font-size:18px}
 label.field,.login label,label.field input,label.field select,label.field textarea,input,select,textarea{font-size:17px}
 .login p{font-size:17px}
 .account-role strong{font-size:18px}
 .account-role small,.role-hint,.auth-links,.onboarding{font-size:15px}
 .faq-question,.faq-answer,th,td,.filter-tabs button,.link{font-size:16px}
}

/* Keep the full-bleed hero inside the page at every viewport and text size. */
html,body{max-inline-size:100%;overflow-x:clip}
.reference-hero{inline-size:100%;max-inline-size:100%;min-inline-size:0;contain:inline-size;overflow:clip;background-size:cover}
.reference-hero .hero-content{inline-size:100%;min-inline-size:0;max-inline-size:min(100%,1320px)}
.reference-hero .hero-content>*{min-inline-size:0;max-inline-size:100%}
.reference-hero h1,.reference-hero p{overflow-wrap:anywhere}
.reference-hero .hero-search{inline-size:min(620px,100%);min-inline-size:0;max-inline-size:100%;flex-wrap:wrap}
.reference-hero .hero-search select{inline-size:0;min-inline-size:0;flex:1 1 180px}
@media(max-width:480px){.reference-hero .hero-search select{flex-basis:100%;inline-size:100%}}

/* Prevent horizontal rubber-band movement as well as content overflow. */
html{width:100%;overflow-x:hidden;overscroll-behavior-x:none}
body{width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none}
.reference-hero{width:100%;max-width:100%;overflow:hidden;overscroll-behavior-x:none}

/* Reading size must not shrink when the laptop preview panel is narrow. */
body{font-size:18px}
.hero-content p{font-size:18px;max-width:100%}
.hero-search select,.hero-search button,.hero-search span{font-size:16px}
.ref-title p{font-size:17px}
.service h3{font-size:18px;line-height:1.8}
.service p{font-size:16px;line-height:1.9}
.service .badge,.badge{font-size:14px}
.reference-benefits h3,.ref-steps h3{font-size:18px}
.reference-benefits p,.ref-steps p,.ref-join p,.map-label p{font-size:16px}
.ref-footer p,.ref-footer a:not(.brand){font-size:16px}
.ref-footer b{font-size:18px}
.service-detail-hero p,.service-detail-grid p,.service-detail-grid li,.service-cost p,.service-directory-card p{font-size:17px}
.page-title p,.sidebar a,.role-welcome p,.stat span,.order p,.empty p,.role-shortcuts p,.panel-toolbar span{font-size:16px}
label.field,.login label,label.field input,label.field select,label.field textarea,input,select,textarea,.login p{font-size:17px}
.account-role strong{font-size:18px}
.account-role small,.role-hint,.auth-links,.onboarding{font-size:16px}
.faq-question,.faq-answer,th,td,.filter-tabs button,.link{font-size:16px}
@media(max-width:800px){
 .hero-content h1{font-size:clamp(30px,5vw,38px)}
 .service{padding:23px 12px}
 .reference-hero{height:auto;min-height:420px}
 .hero-content{min-height:420px;height:auto;padding-block:36px}
 .reference-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}
 .reference-benefits>div+div{border:0}
}
@media(min-width:481px) and (max-width:800px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}}

.header-account-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-account-actions .button{white-space:nowrap;font-size:16px;min-height:44px;padding:10px 18px}.account-logout{border:1px solid #d4d6dd;background:#ffffff;color:#71727a;border-radius:9px;padding:9px 13px;font-size:14px;min-height:44px}.account-logout:hover{background:#f8f9fe}.account-logout:disabled{opacity:.5}@media(max-width:800px){.header-account-actions{gap:7px}.header-account-actions .button{font-size:15px;padding:9px 13px}.account-logout{padding:8px 10px}}@media(max-width:480px){header{flex-wrap:wrap}.header-account-actions{order:3;width:100%;justify-content:flex-start}.header-account-actions .button{flex:1}.header-mobile-toggle{margin-inline-start:auto}}

.list-pagination{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0}.financial-empty{text-align:center;padding:25px 12px}.financial-empty img{width:48px;height:48px;opacity:.65}.financial-empty p{max-width:620px;margin:12px auto;line-height:2}.ticket-list{margin-top:24px}.report-text{white-space:pre-wrap;overflow-wrap:anywhere}

/* Model-specific professional onboarding */
.skill-intro{padding:1.1rem;background:#f8f9fe;border-radius:16px;margin-bottom:1.2rem}.skill-intro .eyebrow{color:#006ffd;letter-spacing:0}.skill-services{border:1px solid #e8e9f1;border-radius:14px;padding:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1.2rem 0}.skill-services legend{font-weight:700;padding:0 .5rem}.skill-services label,.catalog-option{display:flex;gap:.7rem;align-items:center;background:#f8f9fe;border-radius:10px;padding:.85rem;cursor:pointer}.skill-services input,.catalog-option input{width:20px;height:20px;accent-color:#006ffd;flex-shrink:0}.catalog-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;max-height:320px;overflow-y:auto;margin:.8rem 0}.catalog-option:has(input:checked){background:#e8e9f1;outline:2px solid #2897ff}.catalog-option span{min-width:0;overflow-wrap:anywhere}.catalog-option small{display:block;color:#71727a;font-size:.85rem}.catalog-selection{font-weight:700;color:#006ffd}.catalog-create{border:1px solid #e8e9f1;border-radius:14px;padding:1rem;margin:1.2rem 0}.catalog-create summary{cursor:pointer;font-weight:700}.catalog-create form{margin-top:1rem}.skill-card form{padding:1rem;background:#f8f9fe;border-radius:14px;margin:1rem 0}.skill-card h3{font-size:1.12rem;margin:.25rem 0}.skill-card textarea{min-height:100px}.skill-event{border-inline-start:3px solid #2897ff;padding:.75rem 1rem;margin:.75rem 0;background:#f8f9fe}.skill-list{display:grid;gap:1rem}.bike-catalog-picker{padding:1rem;border:1px solid #e8e9f1;border-radius:14px;margin-bottom:1.2rem}.workspace>section>.card+.card{margin-top:1.2rem}@media(max-width:650px){.catalog-results,.skill-services{grid-template-columns:minmax(0,1fr)}}

.document-access-note{background:#f8f9fe;border-inline-start:3px solid #ff616d;padding:.9rem 1rem;border-radius:10px;font-size:1rem!important;line-height:1.9}.document-card{display:block!important;padding:1.2rem!important;min-width:0}.document-card+.document-card{margin-top:1rem}.document-card h3{margin:.2rem 0;font-size:1.12rem}.document-card form{padding:1rem;background:#f8f9fe;border-radius:14px}.document-card .order-actions{flex-wrap:wrap}.document-card a.secondary{display:inline-flex;align-items:center;text-decoration:none}.document-list{display:block!important}.upload-status{color:#006ffd}.document-card .skill-event{overflow-wrap:anywhere}input[type=file]{max-width:100%;font-size:1rem;overflow:hidden}

.order-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px;margin-block:20px}.order-photo-item{min-width:0;display:grid;gap:10px;align-content:start}.order-photo-item img{display:block;width:100%;height:200px;object-fit:contain;background:var(--surface,#f8f9fe);border-radius:12px}.order-photo-item a{overflow-wrap:anywhere}#order-photo-upload{margin-block:24px}input[name=problem_photos]{width:100%;min-width:0}

.invoice-heading,.invoice-total{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.invoice-total{margin-block:20px;padding-block:16px;border-block:1px solid #e8e9f1}.invoice-kind{display:block;color:#71727a;font-size:14px}.invoice-edit-row{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(150px,1.5fr) minmax(70px,.5fr) minmax(120px,1fr) auto;gap:12px;align-items:end;margin-block:16px}.invoice-editor{margin-block:24px}.invoice-editor summary{cursor:pointer;font-weight:700;padding-block:12px}.invoice-previous{border-inline-start:3px solid #006ffd;padding-inline-start:16px;margin-block:24px}.pricing-row{display:grid;grid-template-columns:1fr 1.5fr 1fr auto;gap:12px;align-items:end;margin-block:16px}.invoice-edit-row input,.invoice-edit-row select,.pricing-row input,.pricing-row select{min-width:0;width:100%}@media(max-width:1050px){.invoice-edit-row{grid-template-columns:1fr 1fr}.invoice-line-title{grid-column:1/-1}.pricing-row{grid-template-columns:1fr 1fr}}@media(max-width:520px){.invoice-edit-row,.pricing-row{grid-template-columns:minmax(0,1fr)}.invoice-total strong{overflow-wrap:anywhere}}

@media(max-width:640px){.invoice-cost-table{display:block;width:100%;min-width:0}.invoice-cost-table thead{display:none}.invoice-cost-table tbody{display:grid;gap:16px;width:100%}.invoice-cost-table tr{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid #e8e9f1;border-radius:12px;padding:12px}.invoice-cost-table td{display:flex;justify-content:space-between;gap:16px;text-align:right;white-space:normal;border:0;padding:8px 4px}.invoice-cost-table td:first-child{display:block}.invoice-cost-table td[data-label]:before{content:attr(data-label);color:#71727a}.invoice-cost-table .invoice-kind{margin-bottom:4px}}

.sandbox-payment-box{margin-block:24px;padding:24px;border:1px solid #b4dbff;border-radius:18px;background:#f8f9fe}.sandbox-payment-box h3{margin-top:0}.sandbox-receipt{margin-block:16px}.sandbox-receipt p{overflow-wrap:anywhere}.sandbox-payment-box .consent{display:flex;align-items:flex-start;gap:12px}.sandbox-payment-box .consent input{flex:0 0 auto;margin-top:7px}@media(max-width:640px){.sandbox-payment-box{padding:18px}}
/* Payments and financial workspace */
.finance-demo-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f8f9fe;border:1px solid #fff4e4;padding:12px 16px;border-radius:12px;font-size:15px;color:#e86339;margin-block:16px}.finance-demo-note span{font-weight:800;color:#e86339}.finance-invoice-box{margin-block:24px;padding:24px;border:1px solid #d4d6dd;border-radius:18px}.finance-invoice-box h3{margin:0}.finance-invoice-box .consent{display:flex;gap:12px;align-items:center}.finance-invoice-box input[type=checkbox]{flex:0 0 auto}.finance-status{display:inline-block;padding:6px 12px;border-radius:30px;background:#e8e9f1;color:#71727a;font-size:14px;font-weight:700}.finance-status.is-paid{background:#e8e9f1;color:#006ffd}.finance-attempt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.finance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px;margin-block:22px}.finance-stats article{padding:20px;background:#f8f9fe;border:1px solid #e8e9f1;border-radius:16px;display:flex;flex-direction:column;gap:12px}.finance-stats b{font-size:24px;color:#006ffd}.finance-stats small,.finance-breakdown small{font-size:14px;font-weight:500}.finance-payment-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid #e8e9f1;flex-wrap:wrap}.finance-payment-item h3{margin:10px 0}.finance-payment-item p{margin:5px 0}.finance-receipt-heading{display:flex;align-items:center;gap:20px;margin-block:25px}.finance-receipt-heading h2{margin:0 0 10px}.receipt-symbol{display:grid;place-items:center;flex:0 0 64px;height:64px;background:#e8e9f1;color:#e86339;border-radius:50%;font-size:36px}.receipt-symbol.receipt-success{background:#e8e9f1;color:#006ffd}.finance-receipt-meta{padding:18px 22px;border:1px dashed #c5c6cc;border-radius:14px;overflow-wrap:anywhere}.finance-receipt-meta p{margin:8px 0}.finance-breakdown{margin-block:22px;border:1px solid #e8e9f1;border-radius:14px;overflow:hidden}.finance-breakdown>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;border-bottom:1px solid #e8e9f1;flex-wrap:wrap}.finance-breakdown>div:last-child{border:0;background:#f8f9fe}.finance-admin-actions{margin-block:18px;padding:20px;border:1px solid #e8e9f1;border-radius:14px}.finance-admin-actions summary{font-weight:800;cursor:pointer}.finance-admin-actions form{margin-top:20px;max-width:600px}
/* Standalone, bank-style simulator checkout. No bank credentials are editable. */
body.gateway-view{background:#f8f9fe}.gateway-view>header,.gateway-view>footer,.gateway-view .workspace>aside,.gateway-view #app>section>h1,.gateway-view .panel-intro{display:none!important}.gateway-view #app{max-width:none;width:100%;padding:32px 20px}.gateway-view .workspace{display:block;max-width:1100px;margin:auto}.gateway-view .workspace>section{min-width:0;width:100%}.gateway-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.gateway-wordmark{font-size:30px;font-weight:900;color:#006ffd;text-decoration:none}.gateway-wordmark>span{color:#2897ff}.gateway-wordmark small{display:block;font-size:13px;font-weight:500;color:#71727a}.gateway-simulation{font-weight:700;background:#fff4e4;color:#ed3241;border:1px solid #ffb37c;border-radius:30px;padding:9px 17px;font-size:15px}.gateway-lock{color:#71727a;font-size:14px}.gateway-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.gateway-form,.gateway-merchant{background:#ffffff;border:1px solid #e8e9f1;border-radius:20px;box-shadow:0 8px 40px #006ffd08;overflow:hidden}.gateway-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 28px;border-bottom:1px solid #e8e9f1;flex-wrap:wrap}.gateway-card-head h1{font-size:21px;margin:0;color:#006ffd}.gateway-timer{font-size:13px;color:#71727a}.gateway-timer b{display:inline-block;background:#e8e9f1;padding:5px 10px;margin-right:8px;font-size:16px;min-width:64px;text-align:center;font-variant-numeric:tabular-nums}.gateway-fake-card{margin:26px 28px;padding:24px;border-radius:15px;background:linear-gradient(120deg,#006ffd,#006ffd);color:#ffffff;display:grid;gap:17px}.gateway-fake-card b{font-size:24px;letter-spacing:2px;text-align:left;overflow-wrap:anywhere}.gateway-fake-card>span{font-size:14px;opacity:.8}.gateway-fake-card small{font-size:13px;color:#e8e9f1}.gateway-fields{padding:0 28px;display:grid;gap:0}.gateway-fields>div{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid #e8e9f1}.gateway-fields b{font-size:14px;font-weight:600;color:#71727a}.gateway-fields span{font-size:16px;text-align:center;background:#f8f9fe;border:1px solid #e8e9f1;border-radius:10px;padding:12px 8px;color:#71727a}.gateway-fields i{font-style:normal;color:#2897ff;margin-right:10px}.gateway-form form{padding:20px 28px}.gateway-form details{font-size:14px;color:#71727a}.gateway-form summary{cursor:pointer}.gateway-buttons{display:flex;gap:12px;margin-top:22px}.gateway-buttons>.button{flex:1;justify-content:center;background:#2897ff;border-color:#2897ff;box-shadow:0 5px 16px #2897ff20}.gateway-buttons>.secondary{padding:12px 22px;border:1px solid #e8e9f1;border-radius:10px;color:#8f9098}.gateway-security{font-size:13px!important;color:#8f9098;padding:0 28px 20px;margin:0}.gateway-merchant{padding:28px 24px}.gateway-shop{width:58px;height:58px;display:grid;place-items:center;font-size:35px;background:#f8f9fe;color:#2897ff;border-radius:15px;margin:0 auto 15px}.gateway-merchant h2{font-size:18px;text-align:center;margin:0 0 22px}.gateway-merchant dl{margin:0}.gateway-merchant dt{font-size:13px;color:#8f9098;margin-top:20px}.gateway-merchant dd{margin:6px 0 0;font-size:16px;font-weight:600;color:#006ffd;overflow-wrap:anywhere}.gateway-merchant dd.gateway-amount{font-size:26px;color:#006ffd}.gateway-merchant small{font-size:13px}.gateway-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#8f9098;font-size:13px;padding:24px 5px}.gateway-bottom a{color:#2897ff}.gateway-view .workspace>section>h2{display:none}
@media(max-width:760px){.gateway-view #app{padding:20px 12px}.gateway-grid{grid-template-columns:1fr}.gateway-merchant{order:-1;padding:18px}.gateway-merchant .gateway-shop,.gateway-merchant h2{display:none}.gateway-merchant dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.gateway-merchant dt{margin-top:5px}.gateway-merchant dd{margin:0 0 8px}.gateway-form .gateway-card-head,.gateway-form form{padding:18px}.gateway-fake-card{margin:18px}.gateway-fields{padding:0 18px}.gateway-fields>div{grid-template-columns:1fr 1.2fr;gap:10px}.gateway-fake-card b{font-size:19px;letter-spacing:1px}.gateway-top{gap:12px;margin-bottom:18px}.gateway-lock{display:none}.gateway-wordmark{font-size:25px}.gateway-simulation{font-size:12px;padding:7px 10px}.finance-receipt-heading{gap:14px}.finance-receipt-heading h2{font-size:22px}.finance-receipt-meta{padding:14px}.finance-invoice-box{padding:18px}.finance-breakdown>div{padding:12px}.finance-admin-actions{padding:15px}}
@media print{body>header,body>footer,.workspace>aside,.hero-actions,.finance-admin-actions,button,.skip-link,.finance-demo-note~details{display:none!important}.workspace{display:block!important}body{background:#ffffff!important}.finance-demo-note{display:block!important}.card{box-shadow:none!important;border:0!important}.finance-receipt-meta,.finance-breakdown{break-inside:avoid}body::before{content:'رسید موتوریار';display:block;text-align:center;padding:15px;font-weight:bold}}

.gateway-view .page-title.panel-title-row{display:none!important}

/* Completed-service reviews */
.review-item,.review-moderation{padding:22px 0;border-bottom:1px solid #e8e9f1;min-width:0}.review-top,.review-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.review-stars{color:#ed3241;font-size:24px;letter-spacing:2px;direction:ltr;white-space:nowrap}.review-meta{color:#71727a;font-size:15px}.review-item .report-text{line-height:2;overflow-wrap:anywhere}.review-summary{display:flex;gap:24px;align-items:center;padding:24px;border-radius:18px;background:#f8f9fe;margin:20px 0}.review-score{font-size:48px;font-weight:800;color:#006ffd;min-width:90px}.review-score small{display:block;font-size:16px;font-weight:500}.review-rating{border:0;padding:20px 0;margin:0}.review-rating legend{font-weight:700}.review-rating>div{display:flex;gap:10px;flex-wrap:wrap}.review-rating label{cursor:pointer;position:relative}.review-rating input{position:absolute;opacity:0;width:1px;height:1px}.review-rating span{display:block;padding:12px 18px;border:2px solid #e8e9f1;border-radius:12px}.review-rating input:checked+span{background:#e8e9f1;border-color:#006ffd;color:#006ffd}.review-rating input:focus-visible+span{outline:3px solid #006ffd;outline-offset:3px}.review-audit{padding:16px 0;border-bottom:1px solid #e8e9f1}.review-audit time{display:block;color:#71727a}.review-audit p{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.review-summary{gap:14px;padding:16px}.review-score{font-size:38px;min-width:70px}.review-rating span{padding:10px 13px}}

/* Refund receipt: independent references and public/private reasons. */
.refund-event{border-radius:12px;overflow-wrap:anywhere}.refund-event dl{display:grid;grid-template-columns:minmax(110px,auto) minmax(0,1fr);gap:8px 20px;margin:16px 0}.refund-event dt{color:#71727a}.refund-event dd{margin:0;overflow-wrap:anywhere;text-align:start}.refund-event[data-refund-state=failed]{border-color:#ed3241}.refund-event[data-refund-state=unknown],.refund-event[data-refund-state=pending]{border-color:#ff616d}.refund-private-note{border-top:1px dashed #d4d6dd;padding-top:12px}.finance-support{padding:20px;border:1px solid #e8e9f1;border-radius:14px;margin:24px 0}.finance-support summary{font-weight:800;cursor:pointer}.finance-support form{max-width:600px;margin:20px 0}.finance-receipt-heading p{line-height:1.9}.finance-support [role=status]{overflow-wrap:anywhere}@media(max-width:600px){.refund-event dl{grid-template-columns:minmax(0,1fr);gap:4px}.refund-event dd{margin-bottom:10px}.finance-support{padding:14px}}@media print{.finance-support{display:none!important}.refund-event{break-inside:avoid}}
/* Place directory uses the same teal/navy system as service panels. */
.places-page{padding-block:28px 64px}.places-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px;border-radius:24px;background:linear-gradient(115deg,#e8e9f1,#f8f9fe);border:1px solid #d4d6dd}.places-hero h1{font-size:clamp(26px,3vw,40px);margin:10px 0 16px}.places-hero p{line-height:1.9;margin:4px 0}.places-hero .eyebrow{color:#006ffd}.places-hero>span{font-size:90px;color:#2897ff}.places-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));align-items:end;gap:14px;margin:24px 0;padding:20px;border:1px solid #e8e9f1;border-radius:18px;background:#ffffff}.places-filters .field{margin:0}.places-filters .button{min-height:48px}.places-directory-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:26px;align-items:start}.places-list-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.places-list-heading h2{font-size:23px;margin:0}.places-cards{display:grid;gap:16px}.place-card{padding:24px;border:1px solid #e8e9f1;border-radius:20px;background:#ffffff;min-width:0;overflow-wrap:anywhere}.place-card h3{font-size:23px;margin:16px 0 6px}.place-card p{line-height:1.9;margin:8px 0}.place-district{color:#006ffd;font-weight:700}.place-card-top,.place-card-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.place-card-actions{justify-content:flex-start;margin-top:18px}.place-category{display:inline-block;border-radius:30px;background:#e8e9f1;color:#006ffd;padding:6px 12px;font-size:15px;font-weight:700}.place-numbered{position:relative;min-width:0}.place-index{position:absolute;inset-inline-end:20px;top:20px;display:grid;place-items:center;width:30px;height:30px;background:#006ffd;color:#ffffff;border-radius:50%}.place-numbered .place-card-top{padding-inline-end:42px}.places-map-panel{position:sticky;top:24px;min-width:0}.places-position-map{position:relative;min-height:430px;border:1px solid #d4d6dd;border-radius:22px;overflow:hidden;background:linear-gradient(35deg,transparent 42%,#ffffff 42%,#ffffff 47%,transparent 47%),repeating-linear-gradient(90deg,transparent,transparent 66px,#ffffff 66px,#ffffff 75px),repeating-linear-gradient(0deg,#e8e9f1,#e8e9f1 72px,#ffffff 72px,#ffffff 82px)}.places-map-caption{position:absolute;top:18px;right:18px;left:18px;padding:10px 14px;background:#fffffff0;border:1px solid #d4d6dd;border-radius:12px;text-align:center;font-weight:700}.place-position-pin{position:absolute;display:grid;place-items:center;width:38px;height:38px;border-radius:50% 50% 50% 4px;transform:translate(-50%,50%) rotate(-45deg);background:#006ffd;color:#ffffff;box-shadow:0 3px 10px #006ffd33;text-decoration:none;border:3px solid #ffffff}.place-position-pin span{transform:rotate(45deg);font-weight:800}.place-position-pin:focus-visible{outline:3px solid #006ffd;outline-offset:4px}.places-map-legend{font-size:15px;color:#71727a;line-height:1.8}.places-position-empty{border:1px dashed #d4d6dd;min-height:280px;border-radius:22px;display:grid;align-content:center;justify-items:center;padding:26px;text-align:center;color:#71727a;background:#f8f9fe}.places-position-empty span{font-size:70px;color:#2897ff}.place-detail-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;margin-bottom:24px}.place-snapshot{white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;text-align:left;font-size:14px;max-width:100%;background:#e8e9f1;padding:14px;border-radius:12px}.place-card-actions a{max-width:100%;white-space:normal}.places-page .empty{min-height:180px}@media(max-width:850px){.places-directory-layout,.place-detail-layout{grid-template-columns:minmax(0,1fr)}.places-map-panel{position:static;order:-1}.places-position-map{min-height:270px}.places-hero{padding:24px}.places-hero>span{font-size:64px}}@media(max-width:480px){.places-hero>span{display:none}.places-filters{grid-template-columns:minmax(0,1fr);padding:16px}.place-card{padding:18px}.place-card h3{font-size:21px}.places-list-heading h2{font-size:20px}.place-card-actions{flex-direction:column;align-items:stretch}.place-card-actions a{justify-content:center}.places-hero{padding:20px}}
/* Street map tiles and controls stay inside their own LTR coordinate surface. */
.street-map-shell{min-width:0;background:#ffffff;border:1px solid #d4d6dd;border-radius:20px;overflow:hidden}.street-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 16px;background:#f8f9fe}.street-map-toolbar b{font-size:17px}.street-map-toolbar button{font-size:14px;padding:8px 12px;min-height:38px}.motoryar-street-map{height:440px;width:100%;max-width:100%;position:relative;direction:ltr;z-index:0;background:#e8e9f1;font-family:Vazirmatn,sans-serif}.street-map-status,.street-map-hint{padding:0 16px;font-size:14px!important;line-height:1.9!important;overflow-wrap:anywhere}.street-map-status{color:#006ffd}.street-map-hint{color:#71727a}.street-map-retry{margin:0 16px 12px}.motoryar-street-map .leaflet-control-attribution{font:12px/1.7 Arial,sans-serif;white-space:normal;background:#fffffff5;padding:3px 7px;max-width:calc(100% - 12px)}.motoryar-street-map .leaflet-control-zoom a{width:38px;height:38px;line-height:38px;font-size:25px;color:#006ffd}.motoryar-map-icon{background:none;border:0}.motoryar-map-pin{display:grid;place-items:center;width:36px;height:36px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:#006ffd;color:#ffffff;border:3px solid #ffffff;box-shadow:0 3px 10px #006ffd55}.motoryar-map-pin>span{transform:rotate(45deg);font-size:16px;font-weight:800}.motoryar-street-map .leaflet-marker-icon:focus-visible{outline:3px solid #006ffd;outline-offset:5px}.street-map-popup{direction:rtl;text-align:right;font-family:Vazirmatn,sans-serif;line-height:1.9;overflow-wrap:anywhere;min-width:150px}.street-map-popup strong{font-size:17px}.street-map-popup p{margin:8px 0!important}.street-map-popup a{font-weight:700;color:#006ffd!important}.place-selected .place-card{border:2px solid #2897ff;box-shadow:0 0 0 3px #e8e9f1}.place-map-detail{padding:18px!important}.place-map-detail>.secondary{display:inline-flex;margin-top:16px}.place-map-detail .motoryar-street-map{height:360px}form[data-place-edit]>.street-map-shell{margin:20px 0;max-width:850px}form[data-place-edit] .motoryar-street-map{height:360px}@media(max-width:850px){.motoryar-street-map{height:330px}.places-map-panel{order:-1}}@media(max-width:480px){.street-map-toolbar{padding:12px}.street-map-toolbar b{font-size:16px}.motoryar-street-map,.place-map-detail .motoryar-street-map,form[data-place-edit] .motoryar-street-map{height:310px}.motoryar-street-map .leaflet-control-attribution{font-size:11px}.street-map-status,.street-map-hint{padding:0 12px}}

/* External navigation apps: local brand icons, explicit user activation only. */
.place-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex-basis:100%;margin:6px 0}
.place-navigation-label{font-size:14px;color:var(--muted,#71727a);margin-inline-end:4px}
.place-navigation .navigation-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:68px;min-height:72px;padding:9px 10px;border:1px solid #e8e9f1;border-radius:14px;background:#ffffff;color:#006ffd;text-decoration:none;font-size:13px;line-height:1.4;transition:border-color .15s,background .15s}
.place-navigation .navigation-logo:hover{border-color:#2897ff;background:#f8f9fe}
.place-navigation .navigation-logo:focus-visible{outline:3px solid #006ffd;outline-offset:3px}
.place-navigation .navigation-logo img{width:32px;height:32px;object-fit:contain;flex-shrink:0}

.order-position{min-width:0;border:1px solid #e8e9f1;background:#f8f9fe;padding:20px;border-radius:18px;margin:12px 0}
.order-position h2{font-size:21px;margin:0 0 8px}
.order-position-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.order-position-tabs [aria-pressed=true]{background:#006ffd;color:#ffffff;border-color:#006ffd}
.order-gps-consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:15px;line-height:1.9}
.order-gps-consent input{width:20px;height:20px;flex-shrink:0;margin-top:5px}
.order-location-point{border-top:1px solid #e8e9f1;padding:16px 0;min-width:0}
.order-position [data-point-status]{direction:rtl;overflow-wrap:anywhere}
@media(max-width:600px){.order-position{padding:14px}.order-position .motoryar-street-map{height:310px}}
.document-preview{padding:16px;margin:12px 0;border:1px solid #d4d6dd;border-radius:16px;background:#f8f9fe;min-width:0}
.document-preview img{display:block;width:100%;max-width:850px;height:auto;margin:0 auto;border-radius:10px}
.document-preview[hidden]{display:none}
.order-state-timeline{list-style:none;padding:0;margin:24px 0;max-width:760px}
.order-state-timeline li{position:relative;display:flex;align-items:flex-start;gap:18px;padding:0 0 28px}
.order-state-timeline li:not(:last-child):before{content:"";position:absolute;right:20px;top:36px;bottom:0;width:2px;background:#d4d6dd}
.timeline-number{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#e8e9f1;color:#006ffd;border:2px solid #b4dbff;font-weight:800}
.order-state-timeline li>div{flex:1;min-width:0;border:1px solid #e8e9f1;border-radius:15px;padding:14px 18px;background:#ffffff}
.order-state-timeline h3{font-size:19px;margin:0 0 6px}
.order-state-timeline p{margin:0 0 6px}
.order-state-timeline time{color:#71727a;font-size:14px}
/* Unified admin case: bounded private records, readable on laptop and mobile. */
.admin-case{display:grid;gap:22px;min-width:0}.admin-case .card{min-width:0}.admin-case .case-header h2{margin:8px 0}.case-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.case-person,.case-money article{border:1px solid #e8e9f1;background:#f8f9fe;padding:18px;border-radius:16px;min-width:0}.case-person h3{margin-top:0}.case-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.case-facts div{min-width:0}.case-facts dt{color:#71727a;font-size:14px;margin-bottom:6px}.case-facts dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.case-money strong{display:block;font-size:21px;margin-top:10px}.case-entry{padding:18px 0;border-bottom:1px solid #e8e9f1;min-width:0}.case-entry:last-of-type{border-bottom:0}.case-entry h3{font-size:18px}.admin-case .report-text{white-space:pre-wrap;overflow-wrap:anywhere}.admin-case p,.admin-case h2,.admin-case h3{overflow-wrap:anywhere}.case-checks{display:flex;gap:8px;flex-wrap:wrap}.case-part{scroll-margin-top:20px}.case-empty{color:#71727a}.case-list-count{font-size:14px;color:#71727a}.admin-case [role=status] .secondary{margin:8px}.case-header .optional{font-size:13px}
@media(max-width:700px){.case-grid,.case-facts{grid-template-columns:minmax(0,1fr)}.case-jumps .secondary{flex:1 1 130px}.admin-case .card{padding:20px}.case-money strong{font-size:20px}}
.admin-case .case-header .eyebrow{color:#006ffd;font-weight:700}.admin-case .case-header .panel-heading{margin:8px 0}.admin-case .case-header p{margin:6px 0;line-height:1.8}.admin-case .case-header .hero-actions{margin-top:16px}.admin-case .case-header .case-jumps{margin-top:16px}