@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #f2f4f7;--card: #ffffff;--text: #0f172a;--text-muted: #64748b;--accent: #2563eb;--accent-light: #eff6ff;--border: #e2e8f0;--radius: 16px;--radius-sm: 12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);font-family:Inter,sans-serif}body{color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:12px 12px 90px}.bottom-nav{flex-shrink:0;display:flex;height:64px;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--card);border-top:1px solid var(--border);position:fixed;bottom:0;left:0;right:0;z-index:10;box-shadow:0 -4px 20px #00000008}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer;padding:8px 0;gap:4px}.nav-item.active{color:var(--accent)}.nav-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:22px;height:22px;stroke:currentColor;fill:none}.home-container{padding:0 0 100px;max-width:600px;margin:0 auto}.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;margin-top:8px}.logo{background:var(--text);color:var(--card);font-weight:800;font-size:16px;padding:10px 18px;border-radius:12px;letter-spacing:-.5px}.city-select{background:var(--card);border:1px solid var(--border);padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;color:var(--text);outline:none}.address-card{background:var(--card);border-radius:var(--radius);padding:12px 50px 12px 12px;box-shadow:0 2px 12px #00000008;border:1px solid var(--border);margin-bottom:10px;position:relative}.address-row{display:flex;align-items:center;gap:10px;padding:8px 0}.address-row.border-top{border-top:1px solid var(--border)}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot.from{border:3px solid var(--accent);background:var(--card)}.dot.to{background:var(--text)}.dot.stop{background:var(--text-muted);width:8px;height:8px;margin-left:2px}.input-group{flex:1}.input-label{font-size:11px;color:var(--text-muted);font-weight:600;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.address-input{width:100%;border:none;outline:none;font-size:15px;font-weight:600;color:var(--text);background:transparent;font-family:inherit;padding:0}.address-input::placeholder{color:var(--text-muted);font-weight:400}.move-buttons{display:flex;flex-direction:column;gap:2px;margin-right:4px}.move-buttons button{padding:2px;background:none;border:none;cursor:pointer;color:var(--text-muted)}.move-buttons button:disabled{color:var(--border);cursor:default}.stop-add-btn{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:50%;background:var(--accent-light);border:1px solid var(--border);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.stop-remove-btn{padding:4px;color:#ef4444;background:none;border:none;cursor:pointer;display:flex;align-items:center}.swap-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--accent-light);border:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.price-card{background:var(--card);border-radius:16px;padding:12px;box-shadow:0 2px 12px #00000008;border:1px solid var(--border);margin-bottom:10px}.price-card.error{border-color:#ef4444}.price-input-row{display:flex;align-items:center;gap:8px}.price-input-row .address-input{flex:1}.price-currency{font-size:18px;font-weight:700;color:var(--text-muted)}.price-card.error .price-currency{color:#ef4444}.price-error-text{font-size:12px;color:#ef4444;margin-top:4px}.extra-btn{width:100%;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;margin-bottom:10px;font-family:inherit;transition:all .15s}.extra-btn:active{background:var(--accent-light)}.extra-btn-count{background:var(--accent);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.inline-options-row{display:flex;gap:10px;margin-bottom:12px}.inline-select{flex:1;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 36px 12px 14px;font-size:14px;font-weight:600;color:var(--text);font-family:inherit;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.flex-2{flex:2!important}.flex-1{flex:1!important}.schedule-row{display:flex;gap:10px;margin-bottom:16px}.category-cards-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;scrollbar-width:none}.category-cards-row::-webkit-scrollbar{display:none}.category-card{min-width:90px;background:var(--card);border-radius:12px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--border);flex-shrink:0;cursor:pointer;transition:all .2s}.category-card.selected{border-color:var(--accent);background:var(--accent-light)}.category-icon{margin-bottom:6px;color:var(--accent);display:flex;align-items:center;justify-content:center}.category-name{font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px}.category-tariff{font-size:11px;color:var(--text-muted);font-weight:500}.order-btn{width:calc(100% - 24px);background:var(--accent);border:none;border-radius:var(--radius-sm);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 8px 24px #2563eb4d;position:fixed;bottom:80px;left:12px;right:12px;z-index:5}.order-btn:active{transform:scale(.98)}.order-price{font-size:18px;font-weight:800;color:#fff}.order-text{font-size:16px;font-weight:700;color:#fff}.icon-sm{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-lg{width:28px;height:28px;stroke:currentColor;fill:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;z-index:9999;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--card);border-radius:24px 24px 0 0;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;padding:20px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));animation:slideUp .25s cubic-bezier(.22,1,.36,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-title{font-size:20px;font-weight:800;color:var(--text)}.modal-close{background:var(--accent-light);border:none;width:32px;height:32px;border-radius:50%;font-size:20px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit}.modal-body{margin-bottom:16px}.modal-footer{margin-top:8px}.tariff-option{padding:14px;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .15s}.tariff-option:active{background:var(--accent-light)}.tariff-option.active{border-color:var(--accent);background:var(--accent-light)}.tariff-name{font-weight:700;color:var(--text)}.tariff-price{font-size:12px;color:var(--text-muted)}.check-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);cursor:pointer;font-size:15px;font-weight:500;color:var(--text)}.check-row:last-child{border-bottom:none}.check-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent);cursor:pointer}.form-label{margin-top:16px;font-size:14px;font-weight:600;color:var(--text-muted)}.comment-input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px;font-size:14px;font-family:inherit;color:var(--text);resize:none;outline:none;margin-top:6px}.comment-input:focus{border-color:var(--accent)}.btn-primary{display:block;width:100%;padding:14px;background:var(--accent);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer;font-family:inherit;box-shadow:0 4px 12px #2563eb4d;text-align:center}.btn-primary:active{transform:scale(.98);opacity:.9}.search-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:2000;display:flex;flex-direction:column}.search-top{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;overflow-y:auto}.search-anim{position:relative;width:100px;height:100px;margin-bottom:20px}.search-title{font-size:24px;font-weight:800;margin-bottom:6px;color:var(--text)}.search-subtitle{font-size:15px;color:var(--text-muted);margin-bottom:12px}.accepted-icon-wrap{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.accepted-icon{width:80px!important;height:80px!important;aspect-ratio:1 / 1;border-radius:50%!important;background:#dcfce7;display:flex;align-items:center;justify-content:center;font-size:40px;color:#16a34a;box-shadow:0 8px 24px #16a34a33;flex-shrink:0}.search-bottom{background:var(--card);border-top-left-radius:24px;border-top-right-radius:24px;padding:20px 20px 24px;box-shadow:0 -4px 24px #0000000d;border-top:1px solid var(--border);flex-shrink:0}.search-label{font-size:13px;color:var(--text-muted);margin-bottom:2px}.search-price{font-size:24px;font-weight:800;color:var(--text)}.search-route{background:#f8fafc;border-radius:16px;padding:12px;margin-bottom:16px;display:flex;gap:10px}.route-dots{display:flex;flex-direction:column;align-items:center;padding-top:4px}.dot-from{width:10px;height:10px;border-radius:50%;background:#2563eb}.dot-line{width:2px;flex:1;background:#e2e8f0;margin:4px 0}.dot-to{width:10px;height:10px;border-radius:50%;border:2px solid #0f172a;box-sizing:border-box}.dot-stop{width:8px;height:8px;border-radius:50%;background:#94a3b8}.route-addresses{flex:1;display:flex;flex-direction:column;gap:12px}.route-item{font-size:14px;font-weight:600;color:var(--text)}.btn-continue{width:100%;padding:16px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer}.driver-info-block{background:#f8fafc;border-radius:16px;padding:16px;margin-top:20px;width:100%;max-width:320px;text-align:center;border:1px solid var(--border)}.driver-info-name{font-size:18px;font-weight:800;color:var(--text);margin-bottom:4px}.driver-info-car{font-size:14px;color:var(--text-muted);margin-bottom:8px}.driver-info-number{font-size:16px;font-weight:700;background:#fff;display:inline-block;padding:4px 12px;border-radius:8px;border:1px solid #cbd5e1;letter-spacing:1px}.timeout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ab3;z-index:3000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s}.timeout-sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:600px;padding:20px;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));animation:slideUp .25s cubic-bezier(.22,1,.36,1)}.timeout-title{font-size:20px;font-weight:800;color:var(--text);margin-bottom:6px;text-align:center}.timeout-text{font-size:15px;color:var(--text-muted);text-align:center;margin-bottom:20px;line-height:1.4}.search-screen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;background:var(--bg)!important;z-index:2000!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.search-top{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow-y:auto!important}.search-anim{position:relative;width:100px;height:100px;margin-bottom:24px}.pulse-1,.pulse-2{position:absolute;border-radius:50%}.pulse-1{top:0;left:0;right:0;bottom:0;background:#2563eb1a;animation:pulse 2s infinite}.pulse-2{top:15px;left:15px;right:15px;bottom:15px;background:#2563eb33;animation:pulse 2s infinite .5s}.car-icon{position:absolute;top:30px;left:30px;right:30px;bottom:30px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 8px 16px #0000001a}@keyframes pulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}.search-title{font-size:24px;font-weight:800;margin-bottom:8px;color:var(--text);text-align:center}.search-subtitle{font-size:15px;color:var(--text-muted);margin-bottom:16px;text-align:center}.search-timer{font-size:32px;font-weight:700;color:var(--text);letter-spacing:1px}.search-bottom{background:var(--card)!important;border-top-left-radius:24px!important;border-top-right-radius:24px!important;padding:20px 20px 24px!important;box-shadow:0 -4px 24px #0000000d!important;border-top:1px solid var(--border)!important;flex-shrink:0!important}.search-price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.search-label{font-size:13px;color:var(--text-muted);margin-bottom:4px}.search-price{font-size:26px;font-weight:800;color:var(--text)}.search-pay{text-align:right}.search-pay-value{font-size:15px;font-weight:600;color:var(--text)}.search-route{background:#f8fafc;border-radius:16px;padding:16px;margin-bottom:16px;display:flex;gap:12px}.route-dots{display:flex;flex-direction:column;align-items:center;padding-top:6px}.dot-from{width:10px;height:10px;border-radius:50%;background:#2563eb;flex-shrink:0}.dot-line{width:2px;flex:1;background:#e2e8f0;margin:4px 0;min-height:12px}.dot-to{width:10px;height:10px;border-radius:50%;border:2px solid #0f172a;box-sizing:border-box;flex-shrink:0}.dot-stop{width:8px;height:8px;border-radius:50%;background:#94a3b8;flex-shrink:0;margin:2px 0}.route-addresses{flex:1;display:flex;flex-direction:column;gap:16px}.route-item{font-size:14px;font-weight:600;color:var(--text);line-height:1.2}.route-item-stop{font-weight:500;font-size:13px;color:var(--text-muted)}.btn-cancel-order{width:100%;padding:16px;background:#f1f5f9;color:#ef4444;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer}.btn-continue{width:100%;padding:16px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:12px}.search-screen{bottom:calc(64px + env(safe-area-inset-bottom,0px))!important;background:var(--bg)!important}.search-bottom{padding-bottom:20px!important;margin-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.search-screen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:var(--bg)!important;z-index:9999!important;display:flex!important;flex-direction:column!important}.search-top{flex:1!important;overflow-y:auto!important;padding:40px 20px 20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.search-bottom{background:var(--card)!important;border-top-left-radius:24px!important;border-top-right-radius:24px!important;padding:24px 20px!important;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;flex-shrink:0!important;box-shadow:0 -4px 24px #0000000d!important}.search-bottom{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}.accepted-icon-wrap{margin-bottom:12px!important}.search-title{margin-bottom:4px!important}.search-subtitle{margin-bottom:16px!important}.driver-info-block{margin-top:10px!important;margin-bottom:10px!important}.search-top{padding-top:20px!important;justify-content:flex-start!important}.orders-list{padding:16px 16px 90px}.order-card{background:var(--card);border-radius:16px;padding:16px;margin-bottom:12px;border:1px solid var(--border);box-shadow:0 2px 10px #00000005;cursor:pointer;transition:transform .1s}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-card-date{font-size:13px;color:var(--text-muted);font-weight:500}.status-badge{font-size:11px;font-weight:700;padding:4px 8px;border-radius:8px;text-transform:uppercase}.order-card-route{margin-bottom:12px}.order-card-from,.order-card-to{font-size:15px;font-weight:600;color:var(--text);line-height:1.3}.order-card-arrow{font-size:14px;color:var(--text-muted);margin:2px 0 2px 4px}.order-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:12px}.order-card-price{font-size:18px;font-weight:800;color:var(--text)}.order-card-category{font-size:13px;color:var(--text-muted);font-weight:500}.detail-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:2000;display:flex;flex-direction:column}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0}.back-btn{background:none;border:none;color:var(--text);cursor:pointer;padding:0;display:flex;align-items:center}.detail-title{font-size:18px;font-weight:800;color:var(--text)}.detail-content{flex:1;overflow-y:auto;padding:16px 16px 100px}.detail-card{background:var(--card);border-radius:16px;padding:16px;margin-bottom:12px;border:1px solid var(--border);box-shadow:0 2px 10px #00000005}.detail-row-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.detail-date{font-size:14px;font-weight:600;color:var(--text-muted)}.detail-section-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:12px}.detail-info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.detail-info-row:last-child{border-bottom:none}.detail-info-row span{color:var(--text-muted);flex-shrink:0;margin-right:16px}.detail-info-row b{color:var(--text);text-align:right}.orders-list{padding:12px 12px 90px}.order-card{background:var(--card);border-radius:14px;padding:12px;margin-bottom:10px;border:1px solid var(--border);box-shadow:0 2px 8px #00000005;cursor:pointer;transition:transform .1s}.order-card:active{transform:scale(.98)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.order-card-date{font-size:12px;color:var(--text-muted);font-weight:500}.status-badge{font-size:10px;font-weight:700;padding:3px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.status-search{background:#eff6ff;color:#2563eb}.status-accepted{background:#fef3c7;color:#d97706}.status-completed{background:#dcfce7;color:#16a34a}.status-cancelled{background:#fee2e2;color:#dc2626}.order-card-route{margin-bottom:8px}.order-card-from,.order-card-to{font-size:14px;font-weight:600;color:var(--text);line-height:1.2}.order-card-arrow{font-size:12px;color:var(--text-muted);margin:2px 0 2px 2px}.order-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:8px}.order-card-price{font-size:16px;font-weight:800;color:var(--text)}.order-card-category{font-size:12px;color:var(--text-muted);font-weight:500}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:0 4px}.page-btn{background:var(--card);border:1px solid var(--border);padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;color:var(--accent);cursor:pointer;transition:all .2s}.page-btn:active{background:var(--accent-light);transform:scale(.96)}.page-btn:disabled{color:var(--text-muted);border-color:var(--border);background:transparent;opacity:.5;cursor:not-allowed}.page-info{font-size:14px;font-weight:600;color:var(--text-muted)}.orders-container{display:flex;flex-direction:column;height:100%}.tabs-row{display:flex;gap:8px;padding:12px 12px 0;background:var(--bg);position:sticky;top:0;z-index:10}.tab-btn{flex:1;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 4px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #2563eb33}.tab-btn:active{transform:scale(.96)}