:root{font-family:Arial,sans-serif;color:#202c3b;background:#f4f6f8;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#172535;color:white;display:flex;align-items:center;gap:20px;padding:20px 30px;flex-wrap:wrap}.brand{color:#f4c546;font-weight:800;letter-spacing:2px;text-decoration:none;font-size:22px}.identity{margin-left:auto;font-size:13px}.pilot{color:#bdcad7;font-size:12px}nav{background:#fff;border-bottom:1px solid #ddd;padding:16px 30px;display:flex;gap:24px}a{color:#2369ac}main{max-width:1400px;margin:auto;padding:30px}h1{font-size:27px;margin:12px 0}h2{font-size:20px}p,.muted{color:#627082;line-height:1.5}.title{display:flex;justify-content:space-between;align-items:center;gap:15px}.button,button{background:#f4c546;border:0;border-radius:6px;padding:12px 18px;color:#172535;font-weight:bold;text-decoration:none;cursor:pointer}button.quiet{background:transparent;color:white;border:1px solid #5d6b7a;padding:8px 12px}.filters{display:flex;gap:12px;margin:20px 0}.filters input{flex:1}input,select,textarea{font:inherit;border:1px solid #ccd4dd;padding:10px;border-radius:5px;background:white;max-width:100%}label{display:flex;flex-direction:column;gap:7px;margin:14px 0;font-size:13px;font-weight:bold}textarea{min-height:80px}.panel,.login{background:white;padding:24px;border:1px solid #dfe4ea;border-radius:8px;margin:20px 0}.login{max-width:440px;margin:60px auto}.login button{width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 20px}.table{overflow:auto;background:white;border:1px solid #dfe4ea;border-radius:8px}table{border-collapse:collapse;width:100%;text-align:left}th{background:#eaf0f5;font-size:12px;white-space:nowrap}td,th{padding:14px;border-bottom:1px solid #e5e9ef;vertical-align:top}td{font-size:14px}small{display:block;color:#6c7886;margin-top:6px}.badge{display:inline-block;background:#eaf0f5;border-radius:5px;padding:6px;font-size:12px;white-space:nowrap}.warning{color:#91611d}.notice{padding:15px;background:#e8f2e8;border-left:4px solid #52835a}.pages,.details{display:flex;gap:20px;flex-wrap:wrap;margin:22px 0}.event{padding:12px 0;border-bottom:1px solid #dfe4ea;font-size:13px}.event time{color:#697887}footer{text-align:center;padding:30px;color:#7b8794;font-size:12px}summary{cursor:pointer;font-weight:bold}@media(max-width:650px){header{padding:16px;gap:12px}.identity{margin-left:0;width:100%}main{padding:16px}nav{padding:15px;gap:16px;font-size:13px}.filters{flex-wrap:wrap}.filters input{min-width:100%}.title{align-items:flex-start;flex-direction:column}h1{font-size:23px}.panel{padding:16px}td,th{padding:10px}.details{font-size:13px}}
.eyebrow{font-size:11px;letter-spacing:1.1px;color:#627082;margin:0 0 6px}.tabs{display:flex;gap:0;border-bottom:1px solid #cdd6df;margin-top:22px;overflow-x:auto}.tabs a{padding:14px 20px;text-decoration:none;white-space:nowrap;color:#566678;border-bottom:3px solid transparent}.tabs .active{border-color:#f4c546;color:#172535;font-weight:bold}.tabs .refresh{margin-left:auto}.stats{display:flex;flex-wrap:wrap;background:white;border:1px solid #dfe4ea;border-radius:6px;margin:16px 0}.stats span{padding:10px 16px;color:#67788b;font-size:13px}.stats b{color:#172535;margin-left:10px}.filters{flex-wrap:wrap;align-items:center;gap:8px}.filters select,.filters input,.filters button{font-size:13px;min-height:38px}.filters input[name=q]{min-width:220px}.filters input[type=date]{flex:0 1 auto}.dispatch-table td{font-size:13px;padding:10px 9px}.dispatch-table th{font-size:11px}.route-heading td{background:#e8eef4;padding:11px;font-weight:bold;color:#24384b}.route-heading span{font-weight:normal;font-size:12px;color:#6d7d8e}.order-row.overdue{background:#fff3ee}.order-row.done{background:#f1f7f1}.order-row.moving{background:#eef4ff}.order-row.unloading{background:#fffbea}.address{font-weight:bold;text-decoration:none}.route-buttons{display:flex;gap:4px}.route-buttons button{padding:5px 9px;background:#edf1f5;font-size:15px}.workspace-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.photos a{border:1px solid #dde4eb;border-radius:6px;background:white;text-decoration:none;overflow:hidden}.photos img{width:100%;height:160px;object-fit:cover;display:block}.photos span{display:block;padding:10px;font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.secondary{background:#e9eef3;border:1px solid #ced8e2}.check{flex-direction:row;align-items:center}.check input{width:auto}.panel>summary{margin-bottom:10px}.panel form>button{margin-top:12px}input:focus,select:focus,textarea:focus{outline:2px solid #6f9cd0;outline-offset:1px}main{max-width:1600px}.details{padding:14px;background:white;border:1px solid #e2e7ee;border-radius:6px;font-size:14px}
@media(max-width:850px){.workspace-columns{grid-template-columns:1fr}.dispatch-table thead{display:none}.dispatch-table,.dispatch-table tbody,.dispatch-table table{display:block}.dispatch-table .route-heading{display:block}.dispatch-table .route-heading td{display:block}.dispatch-table .order-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid #d4dde7;padding:10px}.dispatch-table .order-row td{display:block;border:0;padding:7px}.dispatch-table .order-row td:before{content:attr(data-label);display:block;font-size:10px;color:#6f7e8e;margin-bottom:5px}.dispatch-table .order-row td:nth-child(5),.dispatch-table .order-row td:nth-child(7){grid-column:1/-1}.dispatch-table .order-row td:nth-child(5) .address{font-size:17px}.tabs a{padding:12px}.stats span{padding:10px;font-size:12px}.filters input[name=q]{width:100%;flex:auto}.filters select{max-width:100%;flex:1}.actions button{flex:1;min-width:150px}.photos{grid-template-columns:1fr 1fr}}
.driver-filters{margin:16px 0}.driver-filters summary{color:#2369ac}.driver-mode .stats span:nth-child(2),.driver-mode .stats span:nth-child(3){display:none}@media(max-width:650px){.driver-mode header{display:grid;grid-template-columns:1fr auto;gap:8px}.driver-mode header .pilot{display:none}.driver-mode header .identity{grid-column:1;font-size:12px}.driver-mode header>form{grid-column:2;grid-row:1/3}.driver-mode .tabs{flex-wrap:wrap}.driver-mode .tabs a{font-size:12px;padding:10px 8px}.driver-mode .tabs .refresh{margin-left:0}}

nav{flex-wrap:wrap}.candidate{display:flex;flex-direction:row;align-items:flex-start;gap:14px;padding:16px;border:1px solid #dfe4ea;border-radius:6px;font-weight:normal}.candidate input{margin-top:4px}.candidate a{display:inline-block;margin-top:8px}.event details{margin-top:8px}.event p{overflow-wrap:anywhere}

.photo-card a{display:block}.photo-card form{margin-top:8px}.photo-card button{font-size:12px;padding:8px}.resource-row{display:grid;grid-template-columns:1fr 90px;gap:16px;border-bottom:1px solid #e2e7ee}.resource-row input[type=number]{width:100%}

.start-work{margin:20px 0}@media(max-width:650px){.master-mode .additional-table table,.master-mode .additional-table tbody{display:block}.master-mode .additional-table thead{display:none}.master-mode .additional-table tr{display:block;padding:12px;border-bottom:2px solid #dfe4ea}.master-mode .additional-table td{display:block;border:0;padding:5px}.master-mode .additional-table td:nth-child(4):before{content:"Ответственный: ";color:#627082}.master-mode .identity{font-size:12px}.master-mode .workspace-columns{gap:10px}}