:root{--ink:#26312b;--muted:#727c73;--paper:#fffdf8;--cream:#fff8ed;--line:#eee6d8;--orange:#e97835;--orange-dark:#c95b20;--green:#2f7252;--green-soft:#eaf4ed;--shadow:0 14px 38px rgba(75,58,34,.08);font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--cream);padding-bottom:94px;font-size:17px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:10px max(18px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,253,248,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{height:46px;width:46px;display:grid;place-items:center;background:var(--orange);border-radius:15px;color:white;font-weight:900;font-size:27px;box-shadow:0 6px 14px #e9783540}.brand b{display:block;font-size:19px}.brand small{display:block;font-size:11px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.city-pill,.offline-badge,.map-status{display:inline-flex;align-items:center;gap:8px;background:var(--green-soft);color:var(--green);padding:9px 13px;border-radius:30px;font-size:13px;font-weight:700}.live-dot{height:8px;width:8px;border-radius:50%;background:#46a66c;box-shadow:0 0 0 4px #46a66c20}main{max-width:1080px;margin:0 auto;padding:28px 20px}.view{display:none;animation:rise .24s ease}.view.active{display:block}@keyframes rise{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}.card{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero{padding:34px 38px;min-height:285px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:linear-gradient(110deg,#fffdf8 45%,#fff0dc)}.hero-copy{max-width:530px;position:relative;z-index:1}.eyebrow{font-size:12px;color:var(--orange-dark);font-weight:800;letter-spacing:.2px}.hero h1,.page-title h1{font-size:clamp(30px,5vw,46px);line-height:1.32;margin:8px 0 10px;font-weight:900}.hero h1 em{font-style:normal;color:var(--orange)}.hero p,.page-title p{color:var(--muted);line-height:2;margin:0 0 20px}.btn{border:0;border-radius:14px;padding:12px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.18s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--orange);color:white;box-shadow:0 7px 16px #e9783530}.btn-primary:hover{background:var(--orange-dark)}.btn-soft{background:#f4eee4;color:var(--ink)}.btn-big{padding:16px 24px;font-size:17px;min-height:56px}.btn-small{padding:9px 13px;font-size:13px}.btn-block{width:100%}.hero-art{width:270px;height:220px;position:relative;flex:none;margin-left:8px}.bread{position:absolute;background:linear-gradient(145deg,#d98a3d,#f5be70);border:8px solid #f9d69e;box-shadow:0 13px 25px #96602d28}.bread-one{width:185px;height:88px;left:36px;top:47px;border-radius:55% 45% 50% 40%;transform:rotate(-17deg)}.bread-two{width:143px;height:65px;left:80px;top:112px;border-radius:45% 55% 45% 55%;transform:rotate(15deg);background:linear-gradient(120deg,#c97b36,#e8ab5e)}.bread:before,.bread:after{content:"";position:absolute;width:49px;height:5px;background:#ffe4b1;border-radius:5px;transform:rotate(-19deg);left:40px;top:24px;box-shadow:31px 19px 0 #ffe4b1}.bread:after{left:93px;top:12px;width:25px}.bread-dot{position:absolute;background:#dba45c;border-radius:50%;width:11px;height:11px}.d1{top:25px;left:36px}.d2{top:167px;left:27px}.d3{top:28px;right:17px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 30px}.quick-card{text-align:right;border:1px solid var(--line);border-radius:20px;background:#fffdf8;padding:19px;display:grid;gap:6px;box-shadow:var(--shadow);color:var(--ink)}.quick-card b{font-size:16px}.quick-card small{font-size:13px;color:var(--muted)}.quick-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:26px;font-weight:900;margin-bottom:4px}.map-icon{background:#e8f2ed;color:#347958}.track-icon{background:#e9eef9;color:#476aab}.ai-icon{background:#f8ebdc;color:#bd6c2f}.section-head{margin:28px 0 14px}.section-head h2{margin:4px 0;font-size:23px}.steps{padding:10px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.step{display:flex;align-items:center;gap:12px;padding:15px 4px}.step>span{width:38px;height:38px;background:#fff0df;color:var(--orange-dark);display:grid;place-items:center;border-radius:13px;font-weight:900}.step b,.step small{display:block}.step small{font-size:12px;color:var(--muted);margin-top:4px}.notice{display:flex;align-items:flex-start;gap:12px;background:#f0f5ef;border:1px solid #e0ebdf;color:#42664c;border-radius:16px;padding:13px 16px;margin-top:18px}.notice>span{font-size:19px}.notice p{margin:0;font-size:13px;line-height:1.9}.page-title{margin:8px 0 18px}.page-title h1{font-size:34px}.page-title p{margin-bottom:0}.form-card{max-width:720px;padding:24px;margin:0 auto;display:grid;gap:17px}.form-card label{display:grid;gap:8px;font-weight:700;font-size:15px}input:not([type=radio]):not([type=checkbox]),textarea,select{width:100%;border:1px solid #e5ddcf;background:#fff;border-radius:13px;padding:13px 14px;min-height:50px;color:var(--ink);outline:none}textarea{resize:vertical;line-height:1.8}input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e9783517}.field-label{font-weight:800}.bread-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.bread-choice{border:1px solid var(--line);background:#fffaf2;border-radius:16px;padding:12px 6px;display:grid;justify-items:center;gap:5px;color:var(--ink)}.bread-choice span{font-size:25px}.bread-choice b{font-size:14px}.bread-choice small{font-size:11px;color:var(--muted)}.bread-choice.selected{border:2px solid var(--orange);background:#fff1e2;padding:11px 5px}.mode-options{display:grid;gap:9px}.mode-option{display:flex!important;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;gap:12px!important}.mode-option input{width:19px;height:19px;accent-color:var(--orange)}.mode-option span b,.mode-option span small{display:block}.mode-option span small{font-size:12px;color:var(--muted);font-weight:400;margin-top:3px}.order-summary{display:flex;justify-content:space-between;padding:13px 0;border-top:1px dashed var(--line);font-size:14px}.form-footnote{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.result-card{max-width:720px;padding:20px;margin:16px auto;background:#edf6ee;border:1px solid #d8e9db;border-radius:18px;line-height:2}.result-card h3{margin:0 0 8px}.map-card{padding:17px;overflow:hidden}.map-topline{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 12px}.map-status{padding:7px 10px}.map-status i{width:7px;height:7px;border-radius:50%;background:#3f9c66}.map-scale{font-size:12px;color:var(--muted)}.city-map{width:100%;height:auto;display:block;border-radius:17px}.city-map .zone{cursor:pointer;outline:none}.city-map .zone circle:first-child{fill:#f4a85b22;stroke:#e58a42;stroke-width:3;stroke-dasharray:7 7;transition:.2s}.city-map .zone-core{fill:#e97835;stroke:#fff;stroke-width:5}.city-map .zone text{font-family:Vazirmatn,Tahoma,sans-serif;text-anchor:middle;font-weight:800;font-size:24px;fill:#3e463e}.city-map .zone.selected circle:first-child,.city-map .zone:focus circle:first-child{fill:#e9783555;stroke:#bd541e;stroke-width:6}.city-map .map-label text{font-family:Vazirmatn,Tahoma,sans-serif;text-anchor:middle;font-size:34px;font-weight:900;fill:#3b493e}.city-map .map-label .sub{font-size:16px;fill:#788176;font-weight:500}.city-map .map-foot{font-family:Vazirmatn,Tahoma,sans-serif;font-size:16px;fill:#837b70}.selected-zone{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 6px 2px}.selected-zone span{font-size:12px;color:var(--muted)}.map-legend{display:flex;gap:24px;padding:14px 5px;color:var(--muted);font-size:12px}.map-legend span{display:flex;align-items:center;gap:8px}.legend-dot{width:9px;height:9px;border-radius:50%;background:var(--orange)}.legend-road{height:4px;width:23px;background:#dfd2be;border-radius:5px}.map-view .btn{margin-top:8px}.offline-badge{margin-bottom:13px}.chat-card{max-width:720px;margin:0 auto;padding:16px}.chat-messages{min-height:230px;max-height:390px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:8px}.bubble{max-width:88%;padding:12px 15px;border-radius:17px;line-height:1.9;font-size:14px}.bubble.bot{background:#f3f0e8;align-self:flex-start;border-bottom-right-radius:5px}.bubble.user{background:#fff0e1;align-self:flex-end;border-bottom-left-radius:5px}.suggestions{display:flex;gap:8px;flex-wrap:wrap;padding:10px 5px}.suggestions button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 12px;font-size:12px;color:var(--muted)}.chat-input{border-top:1px solid var(--line);padding-top:12px;display:flex;gap:8px}.chat-input input{flex:1}.settings-card{padding:6px 20px;max-width:720px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row b,.setting-row small{display:block}.setting-row small{font-size:12px;color:var(--muted);margin-top:4px}.switch input{display:none}.switch span{display:block;width:48px;height:27px;border-radius:20px;background:#ddd;position:relative}.switch span:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:white;top:3px;right:3px;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{right:24px}.inline-message{font-size:13px;color:var(--green);padding:10px 0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(255,253,248,.97);border-top:1px solid var(--line);display:flex;justify-content:center;gap:clamp(8px,5vw,54px);padding:9px 12px calc(9px + env(safe-area-inset-bottom));z-index:30;backdrop-filter:blur(15px)}.nav-item{border:0;background:transparent;color:#889087;display:grid;justify-items:center;gap:2px;min-width:54px;padding:2px 8px}.nav-item span{font-size:23px;line-height:1.2}.nav-item b{font-size:11px}.nav-item.active{color:var(--orange-dark)}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,20px);background:#28352d;color:#fff;padding:11px 17px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:50;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.admin-body{padding-bottom:20px}.admin-main{max-width:820px}.admin-stats{grid-template-columns:repeat(3,1fr)}.admin-stats .quick-card{min-height:80px}.admin-orders{display:grid;gap:12px;margin:14px 0}.order-admin-card{padding:16px;background:white;border:1px solid var(--line);border-radius:17px}.order-admin-card h3{margin:0 0 6px}.order-admin-card p{margin:5px 0;color:var(--muted);font-size:13px;line-height:1.8}.order-admin-card select{margin-top:9px}.admin-main .form-card{margin:18px auto}.large-mode{font-size:18px}.large-mode .form-card label{font-size:17px}.large-mode .quick-card small{font-size:12px}.large-mode .nav-item b{font-size:12px}.large-mode .btn{font-size:18px;min-height:54px}.large-mode input,.large-mode textarea,.large-mode select{font-size:18px;min-height:56px}
@media(max-width:650px){body{padding-bottom:84px}.topbar{height:68px;padding:8px 14px}.brand-mark{width:42px;height:42px}.city-pill{font-size:11px;padding:8px 10px}.top-actions .btn{font-size:11px}.top-actions{gap:6px}main{padding:18px 13px}.hero{min-height:250px;padding:23px 19px}.hero h1{font-size:32px}.hero p{font-size:13px;max-width:65%}.hero-art{width:125px;height:170px;transform:scale(.72);transform-origin:center right;margin-right:-25px}.quick-grid{gap:8px;margin:12px 0 23px}.quick-card{padding:13px 10px;border-radius:16px}.quick-card b{font-size:13px}.quick-card small{font-size:10px}.quick-icon{width:36px;height:36px}.steps{grid-template-columns:1fr;padding:8px 18px}.step{padding:8px 0}.page-title h1{font-size:30px}.form-card{padding:17px;border-radius:19px}.bread-picker{grid-template-columns:repeat(2,1fr)}.city-map{min-height:240px}.map-card{padding:10px}.selected-zone{align-items:flex-start;flex-direction:column;gap:2px}.map-legend{gap:13px;font-size:10px}.setting-row{align-items:flex-start;flex-direction:column}.bottom-nav{gap:0;justify-content:space-around;padding-left:5px;padding-right:5px}.nav-item{min-width:48px}.admin-stats{grid-template-columns:repeat(3,1fr)}.admin-stats .quick-card{padding:10px 6px}.admin-stats .quick-card b{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}