:root{--bg: #0d0f14;--surface: #161920;--surface2: #1e2230;--surface3: #252a3a;--border: #2e3448;--accent: #f5a623;--accent2: #e8420e;--text: #eef0f6;--muted: #7a82a0;--green: #2dce7a;--red: #e84040;--blue: #4a90e2;--radius: 14px;--font-head: "Unbounded", sans-serif;--font-body: "Golos Text", sans-serif;--header-bg: rgba(13,15,20,.92)}[data-theme=light]{--bg: #f0f2f7;--surface: #ffffff;--surface2: #e8eaf2;--surface3: #d8dce8;--border: #c8ccd8;--text: #1a1d28;--muted: #5a6080;--header-bg: rgba(240,242,247,.95)}[data-theme=ocean]{--bg: #071e2e;--surface: #0d2d45;--surface2: #103858;--surface3: #154468;--border: #1e5070;--accent: #29b6f6;--accent2: #0288d1;--text: #e0f4ff;--muted: #6baed6;--green: #26c6da;--red: #ef5350;--blue: #29b6f6;--header-bg: rgba(7,30,46,.92)}[data-theme=forest]{--bg: #0d1f0d;--surface: #162616;--surface2: #1e3220;--surface3: #264028;--border: #2e4e30;--accent: #66bb6a;--accent2: #388e3c;--text: #e8f5e9;--muted: #81a882;--green: #43a047;--red: #e53935;--blue: #42a5f5;--header-bg: rgba(13,31,13,.92)}[data-theme=sunset]{--bg: #1a0d00;--surface: #2a1500;--surface2: #3a1e00;--surface3: #4a2800;--border: #5c3a10;--accent: #ff7043;--accent2: #e64a19;--text: #fff3e0;--muted: #bf8c5a;--green: #66bb6a;--red: #ef5350;--blue: #42a5f5;--header-bg: rgba(26,13,0,.92)}body.has-bg-image{background-attachment:fixed;background-size:cover;background-position:center}body.has-bg-image .app-wrap{background:transparent}body.has-bg-image .header{background:var(--header-bg)!important}body.has-bg-image .card,body.has-bg-image .modal,body.has-bg-image .mobile-menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.order-progress-bar{display:flex;align-items:center;gap:0;margin:12px 0;position:relative}.order-progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:1}.order-progress-step:not(:last-child):after{content:"";position:absolute;left:50%;top:14px;width:100%;height:2px;background:var(--border);z-index:0}.order-progress-step.done:not(:last-child):after{background:var(--accent)}.progress-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;transition:all .3s}.order-progress-step.done .progress-dot{background:var(--accent);border-color:var(--accent);color:#111}.order-progress-step.active .progress-dot{background:var(--surface2);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px #f5a62333}.progress-label{font-size:10px;color:var(--muted);margin-top:5px;text-align:center;white-space:nowrap}.order-progress-step.done .progress-label,.order-progress-step.active .progress-label{color:var(--accent);font-weight:600}.route-map-container{border-radius:12px;overflow:hidden;border:1px solid var(--border);margin:12px 0}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh}.header{position:sticky;top:0;z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-family:var(--font-head);font-size:18px;font-weight:800;letter-spacing:-.5px;color:var(--text);text-decoration:none}.logo span{color:var(--accent)}.header-nav{display:flex;gap:8px;align-items:center}.nav-link{color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:600;padding:6px 12px;border-radius:7px;transition:all .15s}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--surface2)}.notif-link{position:relative}.badge{position:absolute;top:-2px;right:-2px;background:var(--accent2);color:#fff;font-size:10px;font-weight:700;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.app-wrap{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.screen{padding:28px 24px;max-width:1100px;margin:0 auto}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--muted);font-family:var(--font-head)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;font-family:var(--font-body);font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:all .18s;white-space:nowrap;text-decoration:none}.btn-accent{background:var(--accent);color:#111}.btn-accent:hover{background:#ffc04a;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-green{background:var(--green);color:#001a0a}.btn-green:hover{filter:brightness(1.1)}.btn-red{background:var(--red);color:#fff}.btn-red:hover{filter:brightness(1.1)}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface3)}.btn-sm{padding:6px 13px;font-size:12.5px}.btn-full{width:100%;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.order-card{display:grid;gap:14px;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.field input,.field select,.field textarea{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 13px;color:var(--text);font-family:var(--font-body);font-size:14px;outline:none;transition:border-color .15s;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:80px}.field select option{background:var(--surface2)}.error-box{background:#e840401a;border:1px solid rgba(232,64,64,.3);border-radius:8px;padding:10px 14px;font-size:13.5px;color:var(--red)}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface3);border:1px solid var(--border);border-radius:8px;z-index:200;overflow:hidden;box-shadow:0 8px 32px #00000080}.autocomplete-item{padding:10px 14px;font-size:13.5px;cursor:pointer;transition:background .12s}.autocomplete-item:hover{background:var(--surface)}.autocomplete-item small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.address-section{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:18px}.address-section h4{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;display:flex;align-items:center;gap:7px}.address-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-from{background:var(--green)}.dot-to{background:var(--accent2)}.route-divider{display:flex;align-items:center;justify-content:center;padding:6px 0;color:var(--muted);font-size:18px}.order-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.order-title{font-family:var(--font-head);font-size:15px;font-weight:600}.order-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.meta-item{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted)}.meta-item b{color:var(--text);font-weight:600}.order-comment{font-size:12.5px;color:var(--muted);border-top:1px solid var(--border);padding-top:10px}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600}.chip-new{background:#f5a62326;color:var(--accent)}.chip-active{background:#2dce7a26;color:var(--green)}.chip-done{background:#7a82a026;color:var(--muted)}.chip-pending{background:#f5a62326;color:#f5a623}.chip-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-title{font-family:var(--font-head);font-size:17px;font-weight:700}.section-sub{font-size:12.5px;color:var(--muted);margin-top:3px}.counter{background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:2px 9px;font-size:12px;font-weight:600;color:var(--muted)}.hero{text-align:center;padding:60px 20px 40px}.hero h1{font-family:var(--font-head);font-size:clamp(28px,5vw,54px);font-weight:800;line-height:1.1;letter-spacing:-1px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{color:var(--muted);font-size:16px;margin-top:14px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-btns{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty-icon{font-size:48px;margin-bottom:12px}.empty p{font-size:14px;line-height:1.6}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:500;align-items:center;justify-content:center;padding:20px}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;padding:28px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-title{font-family:var(--font-head);font-size:16px;font-weight:700}.modal-close{background:var(--surface2);border:1px solid var(--border);border-radius:7px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--muted);transition:all .15s}.modal-close:hover{color:var(--text);background:var(--surface3)}.driver-card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}.driver-avatar{width:52px;height:52px;border-radius:12px;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.driver-info{flex:1;min-width:180px}.driver-name{font-weight:700;font-size:15px}.driver-car{font-size:13px;color:var(--muted);margin-top:3px}.driver-rating{display:flex;align-items:center;gap:4px;font-size:12.5px;color:#f5c842;margin-top:4px}.driver-pay{font-size:13.5px}.driver-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chat-wrap{display:flex;flex-direction:column;height:calc(100vh - 180px);max-height:600px}.chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px 12px 0 0}.msg{max-width:72%;padding:10px 14px;border-radius:12px;font-size:13.5px;line-height:1.5}.msg.mine{align-self:flex-end;background:#f5a6232e;border-bottom-right-radius:3px}.msg.theirs{align-self:flex-start;background:var(--surface3);border-bottom-left-radius:3px}.msg-time{font-size:10.5px;color:var(--muted);margin-top:4px;text-align:right}.chat-input-row{display:flex;gap:8px;background:var(--surface2);border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;padding:10px}.chat-input-row input{flex:1;background:var(--surface3);border:1px solid var(--border);border-radius:7px;padding:9px 13px;color:var(--text);font-family:var(--font-body);font-size:14px;outline:none}.chat-input-row input:focus{border-color:var(--accent)}.notif-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;gap:14px;align-items:flex-start}.notif-card.unread{border-color:#f5a62359;background:#f5a6230a}.notif-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.notif-icon.orange{background:#f5a62326}.notif-body{flex:1}.notif-title{font-weight:600;font-size:14px;margin-bottom:3px}.notif-text{font-size:13px;color:var(--muted);line-height:1.5}.notif-time{font-size:11.5px;color:var(--muted);margin-top:5px}.pay-toggle{display:flex;gap:2px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:3px}.pay-opt{padding:7px 13px;border-radius:6px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--muted);-webkit-user-select:none;user-select:none}.pay-opt.active{background:var(--accent);color:#111}.tabs{display:flex;gap:2px;background:var(--surface);border-radius:10px;padding:3px}.tab{padding:7px 16px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--muted)}.tab.active{background:var(--surface3);color:var(--text)}.tab:hover:not(.active){color:var(--text)}.role-pill{padding:4px 11px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px}.role-customer{background:#4a90e233;color:var(--blue)}.role-driver{background:#2dce7a33;color:var(--green)}.role-admin{background:#f5a62333;color:var(--accent)}.auth-screen{display:flex;justify-content:center;padding-top:40px}.auth-card{max-width:420px;width:100%;padding:32px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.desktop-nav{display:flex}.mobile-nav-btn{display:none;cursor:pointer;position:relative;padding:6px;color:var(--text)}.mobile-badge{position:absolute;top:2px;right:2px;background:var(--accent2);color:#fff;font-size:10px;font-weight:700;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.mobile-menu{position:fixed;top:56px;left:0;right:0;z-index:99;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 32px #00000080}.mobile-nav-link{display:block;padding:11px 14px;border-radius:8px;color:var(--text);text-decoration:none;font-size:14px;font-weight:600;transition:background .12s}.mobile-nav-link:hover,.mobile-nav-link:active{background:var(--surface2)}@media (max-width: 640px){.desktop-nav{display:none}.mobile-nav-btn{display:flex;align-items:center;justify-content:center}}.chip-expired{background:#ff643226;color:#ff6432}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.header{padding:0 12px;height:56px}.screen{padding:14px 12px}.logo{font-size:15px}.nav-link{padding:5px 8px;font-size:12px}.hero{padding:32px 12px 24px}.hero h1{font-size:clamp(22px,7vw,36px)}.hero p{font-size:14px}.hero-btns,.hero-features{gap:8px}.feature-card{min-width:100px;padding:12px 10px}.card{padding:14px}.modal{padding:16px 12px;border-radius:14px}.modal-overlay{padding:0;align-items:flex-end}.modal{max-height:92vh;border-radius:18px 18px 0 0;width:100%!important;max-width:100%!important}.modal-head{margin-bottom:14px}.modal-title{font-size:14px}.btn{padding:8px 14px;font-size:13px}.btn-sm{padding:5px 10px;font-size:12px}.section-title{font-size:15px}.tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap;padding:7px 12px;font-size:12px}.driver-card{gap:10px}.order-meta{gap:6px}.meta-item{font-size:11.5px}.order-title{font-size:13.5px}.chat-wrap{height:calc(100vh - 140px)}.chat-msgs{padding:10px}.msg{max-width:88%;font-size:13px}.notif-card{padding:12px;gap:10px}.notif-icon{width:32px;height:32px;font-size:15px}.notif-title{font-size:13px}.notif-text{font-size:12px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:6px}.auth-screen{padding-top:20px}.auth-card{padding:20px 16px}table{font-size:12px}th,td{padding:7px 8px!important}.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important}.admin-stats-grid .card{padding:10px 6px!important}.admin-stats-num{font-size:16px!important}.hero-btns .btn{font-size:13px;padding:9px 16px}}@media (max-width: 400px){.header-nav .nav-link span{display:none}.hero h1{font-size:22px}.screen{padding:12px 10px}}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.photo-thumb{aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--surface3)}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.photo-thumb:hover img{transform:scale(1.05)}.hero-features{display:flex;gap:12px;justify-content:center;margin-top:32px;flex-wrap:wrap}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;text-align:center;flex:1;min-width:140px;max-width:200px;display:flex;flex-direction:column;gap:6px}.admin-user-list{display:flex;flex-direction:column;gap:0}.admin-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border)}.admin-user-row:last-child{border-bottom:none}.admin-user-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.admin-user-info span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 640px){.admin-user-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.admin-user-info{flex-direction:column;align-items:flex-start;gap:4px;width:100%}.admin-user-info span{white-space:normal}}.route-row{display:flex;align-items:flex-start;gap:10px;font-size:13.5px}