*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #3b82f6;--primary-dark: #2563eb;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-700: #374151;--gray-900: #111827;--bg: #f9fafb;--card-bg: #ffffff;--radius: 12px;--shadow: 0 1px 3px rgba(0,0,0,.1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--gray-900);min-height:100vh;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.toast{position:fixed;top:16px;left:16px;right:16px;padding:12px 16px;border-radius:var(--radius);font-weight:500;z-index:1000;animation:slideDown .3s ease}.toast.error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.toast.success{background:#f0fdf4;color:var(--success);border:1px solid #bbf7d0}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-screen{flex:1;padding:40px 20px;display:flex;flex-direction:column;align-items:center}.auth-screen .logo{font-size:64px;margin-bottom:16px}.auth-screen h1{font-size:28px;margin-bottom:8px}.auth-screen .subtitle{color:var(--gray-500);margin-bottom:32px}.auth-screen .form{width:100%;max-width:400px}.back-btn{align-self:flex-start;background:none;border:none;color:var(--primary);font-size:16px;cursor:pointer;margin-bottom:16px}.field{display:block;margin-bottom:16px}.field span{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--gray-300);border-radius:8px;font-size:16px;transition:border-color .2s}.field input:focus,.field select:focus{outline:none;border-color:var(--primary)}.row{display:flex;gap:12px}.row .field{flex:1}.form h3{font-size:16px;color:var(--gray-700);margin:24px 0 16px;padding-top:16px;border-top:1px solid var(--gray-200)}.form h3:first-of-type{margin-top:0;padding-top:0;border-top:none}.btn{display:block;width:100%;padding:14px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:12px}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.primary:disabled{background:var(--gray-300);cursor:not-allowed}.btn.secondary{background:var(--gray-100);color:var(--gray-700)}.btn.secondary:hover{background:var(--gray-200)}.btn.small{padding:8px 12px;font-size:14px;width:auto;margin-top:8px}.btn.large{padding:18px 24px;font-size:18px}.main-content{flex:1;padding:16px 16px 80px;overflow-y:auto}.screen h2{font-size:24px;margin-bottom:16px}.screen h3{font-size:16px;color:var(--gray-500);margin:20px 0 12px}.notice{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.notice.warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.empty,.loading{text-align:center;color:var(--gray-500);padding:40px 20px}.orders-list{display:flex;flex-direction:column;gap:12px}.order-card{background:var(--card-bg);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s}.order-card:active{transform:scale(.98)}.order-card.active{border-left:4px solid var(--primary)}.order-card.completed{opacity:.7}.order-card .order-status{display:inline-block;padding:4px 10px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;margin-bottom:12px}.order-route{margin-bottom:12px}.order-route .from,.order-route .to{font-size:14px;color:var(--gray-700)}.order-route .arrow{color:var(--gray-400);font-size:12px;margin:4px 0 4px 10px}.order-info{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--gray-500)}.order-info .price{font-weight:600;color:var(--success);margin-left:auto}.order-details .order-status-badge{display:inline-block;padding:8px 16px;border-radius:20px;color:#fff;font-weight:600;margin-bottom:20px}.section{margin-bottom:24px}.section h3{font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);margin-bottom:12px}.location-card{background:var(--card-bg);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.location-card .label{font-size:12px;text-transform:uppercase;color:var(--gray-500);margin-bottom:8px}.location-card .address{font-size:16px;font-weight:500;margin-bottom:8px}.location-card .contact{font-size:14px;color:var(--gray-600);margin-bottom:4px}.location-card .contact a{color:var(--primary);text-decoration:none}.cargo-info{background:var(--card-bg);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.cargo-info>div{padding:6px 0;border-bottom:1px solid var(--gray-100)}.cargo-info>div:last-child{border-bottom:none}.price-big{font-size:32px;font-weight:700;color:var(--success)}.order-card.pickup{border-left:4px solid #f59e0b}.order-type-badge{display:inline-block;background:#f59e0b;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;margin-bottom:8px}.order-card .comment{font-size:13px;color:var(--gray-600);margin:8px 0;padding:8px;background:var(--gray-100);border-radius:6px}.order-card .time{color:var(--gray-600)}.order-card .phone{color:var(--primary)}.photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.photo-item{position:relative}.photo-item img{width:100%;height:120px;object-fit:cover;border-radius:8px}.photo-item span{position:absolute;bottom:8px;left:8px;background:#0009;color:#fff;font-size:11px;padding:2px 8px;border-radius:4px}.action-section{position:fixed;bottom:0;left:0;right:0;padding:16px;background:var(--card-bg);box-shadow:0 -2px 10px #0000001a}.action-section .btn{margin-top:8px}.action-section .btn:first-child{margin-top:0}.profile-card{background:var(--card-bg);border-radius:var(--radius);padding:24px;text-align:center;box-shadow:var(--shadow);margin-bottom:24px}.profile-card .avatar{font-size:64px;margin-bottom:12px}.profile-card .name{font-size:20px;font-weight:600;margin-bottom:4px}.profile-card .phone{color:var(--gray-500);margin-bottom:12px}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.status-badge.verified{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef3c7;color:#92400e}.vehicle-info{background:var(--card-bg);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.vehicle-info>div{padding:8px 0;border-bottom:1px solid var(--gray-100)}.vehicle-info>div:last-child{border-bottom:none}.rating{font-size:24px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{background:var(--card-bg);border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow)}.stat-card.wide{grid-column:span 2}.stat-value{font-size:36px;font-weight:700;color:var(--primary)}.stat-label{font-size:14px;color:var(--gray-500);margin:4px 0}.stat-earnings{font-size:16px;font-weight:600;color:var(--success)}.rating-section{margin-top:24px;text-align:center}.rating-value{font-size:48px;font-weight:700}.rating-label{color:var(--gray-500)}.nav-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card-bg);border-top:1px solid var(--gray-200);padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom))}.nav-bar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:none;border:none;cursor:pointer;color:var(--gray-500);transition:color .2s}.nav-bar button.active{color:var(--primary)}.nav-bar button .icon{font-size:24px}.nav-bar button .label{font-size:11px;font-weight:500}@media(prefers-color-scheme:dark){:root{--bg: #111827;--card-bg: #1f2937;--gray-100: #374151;--gray-200: #4b5563;--gray-300: #6b7280;--gray-500: #9ca3af;--gray-700: #d1d5db;--gray-900: #f9fafb}.field input,.field select{background:var(--gray-100);color:var(--gray-900)}.toast.error{background:#450a0a;border-color:#991b1b}.toast.success{background:#052e16;border-color:#166534}}