:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#1d2b43;background:#f5f7fb;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#5457c9;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:27px}h2{font-size:20px}h3{font-size:15px}.sub{color:#8490a3}.primary{background:#5855cf;color:white;border:1px solid #5855cf;padding:11px 16px;border-radius:9px;font-weight:650}.primary:hover{background:#4540b5}.subtle,.outline{border:1px solid #e1e6ef;color:#394862;border-radius:8px;background:#fff;padding:9px 12px}.danger{background:#fff0ef;color:#af3535;border:1px solid #ffdbd8;border-radius:8px;padding:9px 11px}.small{font-size:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:grid;gap:12px}label{display:grid;gap:6px;font-weight:600;color:#5e6b81;font-size:12px}input,select,textarea{outline:none;border:1px solid #dfe5ed;background:white;padding:11px 12px;border-radius:8px;color:#243148;min-width:0;width:100%}input:focus,select:focus,textarea:focus{border-color:#6662d4;box-shadow:0 0 0 3px #605dd01c}textarea{min-height:75px;resize:vertical}.brand-icon{background:linear-gradient(135deg,#7779eb,#4a44c4);border-radius:10px;color:white;display:inline-grid;place-items:center;font-size:21px;font-weight:bold;width:38px;height:38px}.login{min-height:100vh;display:grid;place-items:center;padding:18px;background:linear-gradient(145deg,#edf2ff,#f7f9fd)}.loginbox{background:white;width:100%;max-width:400px;padding:30px;border:1px solid #e2e7f1;box-shadow:0 18px 55px #182f5913;border-radius:18px;display:grid;gap:17px}.loginbox h1{margin-bottom:-15px}.loginbox p,.loginbox small{color:#8b95a8}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#19253d;color:#aeb9cd;padding:24px 14px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff;font-size:16px;padding:0 6px 25px}.brand small{display:block;font-size:10px;color:#aeb5cf;font-weight:400;margin-top:3px}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.sidebar-end button{width:100%;border:0;background:transparent;text-align:left;color:#b8c1d1;padding:12px;border-radius:8px}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#354266}.sidebar-end{margin-top:auto;font-size:12px;display:grid;gap:12px;border-top:1px solid #39455c;padding-top:15px}.sidebar-end a{color:#bcbcff}.main{margin-left:220px;min-height:100vh}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:0 26px;border-bottom:1px solid #edf0f5}.topbar #crumb{color:#7d8796;font-size:12px}.online{font-size:12px;color:#1d9b73}.topbar kbd{font-size:10px;opacity:.8;margin-left:8px}#content{padding:28px;max-width:1650px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:20px}.page-heading .eyebrow{color:#6868cf;font-weight:800;font-size:10px;letter-spacing:1.7px}.page-heading h1{margin:8px 0 4px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:19px}.metric,.panel{border:1px solid #e9edf3;background:#fff;box-shadow:0 3px 12px #1c365908;border-radius:12px}.metric{padding:18px}.metric small{color:#8490a3}.metric strong{display:block;font-size:31px;margin-top:13px}.metric .dot{float:right;padding:8px;background:#f5f3ff;color:#6265d4;border-radius:8px}.work-grid{display:grid;grid-template-columns:minmax(420px,1.13fr) minmax(360px,1fr);gap:18px}.panel{padding:19px;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:13px}.panel h3{margin-bottom:4px}.filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:12px 0}.filters input{flex:2;min-width:160px}.filters select{flex:1;min-width:120px}.chips{display:flex;gap:5px;flex-wrap:wrap}.chip{background:#f7f8fc;border:1px solid #e8ecf2;padding:7px 11px;border-radius:7px;font-size:11px}.chip.active{background:#eeedff;border-color:#c8c6fc;color:#4d49b4}.table-wrap{overflow:auto;max-height:560px}.tbl{border-collapse:collapse;width:100%;font-size:12px}.tbl th{font-size:10px;color:#99a3b2;text-transform:uppercase;letter-spacing:.5px;text-align:left;font-weight:650;border-bottom:1px solid #e9edf3;padding:11px 7px}.tbl td{border-bottom:1px solid #f0f1f5;padding:11px 7px;vertical-align:middle}.tbl tr.selected{background:#f1f0ff}.tbl tr:hover{background:#f8f9fd}.linkbtn{border:0;padding:0;background:none;color:#4e52c7;font-weight:750}.badge{padding:5px 7px;border-radius:6px;white-space:nowrap;font-size:10px;font-weight:700;display:inline-block}.new{color:#a36c18;background:#fff4d8}.assigned{color:#5a52b5;background:#eeecff}.in_transit{color:#2678a7;background:#e6f4ff}.delivered{color:#1e8668;background:#e2f7ed}.cancelled{color:#b63f46;background:#fee7e7}.problem{color:#ac6130;background:#ffede1}#map{height:440px;width:100%;border-radius:9px;background:#e5eaf0}.map-note{color:#8b94a5;font-size:11px;margin-top:8px}.couriers{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:9px}.courier-card{border:1px solid #e8ecf2;padding:12px;border-radius:9px;display:flex;gap:8px;align-items:center}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#efefff;color:#6760cd}.modal{position:fixed;inset:0;background:#16233a88;z-index:15;display:grid;place-items:center;padding:15px}.modal[hidden],#login[hidden],#app[hidden]{display:none!important}.modal-card{width:min(640px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:15px;padding:24px;box-shadow:0 25px 80px #19253d33}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.icon-button{border:0;background:#f2f3f7;padding:9px;border-radius:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.span2{grid-column:span 2}.form-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.hint{background:#f3f3ff;padding:12px;color:#5b5b9e;border-radius:9px;font-size:12px}.warning{background:#fff6e6;padding:13px;color:#9b6a28;border-radius:9px}.success{background:#eaf8f1;padding:12px;border-radius:8px;color:#217654}.error{background:#ffe9e7;padding:12px;color:#b43737;border-radius:8px}#messages:not(:empty){padding:10px 28px 0}.empty{text-align:center;padding:35px;color:#98a2b3}.check-row{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #edf0f4;padding:13px 0}.check-row input{width:auto;margin-top:4px;accent-color:#5754cc}.check-row>div{flex:1}.check-row strong{display:block;margin-bottom:5px}.check-row small{color:#7d899c;display:block}.check-row textarea{margin-top:8px;min-height:45px}.progress{height:8px;background:#edf0f7;border-radius:9px;overflow:hidden}.progress>span{display:block;height:100%;background:#5a55cf;transition:width .2s}.courier-shell{max-width:650px;margin:0 auto}.courier-header{background:#19263d;color:#fff;padding:20px 22px;border-radius:0 0 16px 16px;display:flex;align-items:center;justify-content:space-between}.courier-header .brand{padding:0}.courier-header button{font-size:11px}.courier-shell #content{padding:16px}.route-card{border-radius:14px;background:white;border:1px solid #e5eaf2;margin:15px 0;overflow:hidden}.route-title{padding:16px;background:#f8f9fc;border-bottom:1px solid #e8ecf2}.delivery{border-top:1px solid #e9edf3;padding:16px}.delivery h3{margin:7px 0}.delivery .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.delivery .actions button,.delivery .actions a{text-align:center;padding:11px;border-radius:8px;border:1px solid #dce3ef;font-weight:600}.delivery .actions a{color:#4e55ba}.delivery .actions button{background:#12866b;color:white}.muted{color:#91a0b4}.section-title{margin:22px 0 10px;font-size:14px}.stat-line{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-line>div{background:white;border:1px solid #e8ecf2;padding:15px;border-radius:10px}.stat-line strong{display:block;font-size:23px}.stat-line small{font-size:11px;color:#8c97a7}table input[type=checkbox]{width:16px;height:16px;accent-color:#5350ca}.mono{font-variant-numeric:tabular-nums}.fullmap #map{height:75vh}.no-map{display:grid;place-items:center;padding:40px;background:#f4f6f9;border:1px dashed #d3d9e2;border-radius:9px;color:#8391a3}@media(max-width:1100px){.work-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{width:58px;padding:14px 5px}.sidebar .brand span:not(.brand-icon),.sidebar nav span,.sidebar-end{display:none}.sidebar .brand{padding:0 3px 24px}.sidebar nav button{text-align:center}.main{margin-left:58px}.topbar{padding:8px 12px;height:auto;min-height:64px}.topbar #crumb,.topbar kbd,.topbar .online{display:none}#content{padding:13px}.metrics{gap:8px}.metric{padding:12px}.metric strong{font-size:24px}.page-heading h1{font-size:22px}.work-grid{display:block}.panel{padding:12px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.modal-card{padding:16px}.courier-header{gap:6px}#map{height:330px}}


/* v0.3 — visual specification: approved Word screenshots, 03.11.2026 */
:root{--navy:#1b263d;--accent:#5854d4;--line:#e6ebf3;--muted:#8d9aaf;--canvas:#f4f6fb;--green:#12886b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#202c44;background:var(--canvas)}
body{background:var(--canvas);font-size:13px}h1{font-size:24px;letter-spacing:-.7px}h3{font-size:14px}.sub{color:#8997ab}.sidebar{width:183px;background:var(--navy);padding:17px 10px;box-shadow:none}.sidebar .brand{font-size:16px;gap:9px;padding:0 6px 26px}.brand-icon{width:33px;height:33px;border-radius:8px;font-size:23px;box-shadow:0 4px 13px #4d49d244}.sidebar .brand small{font-size:6.5px;letter-spacing:1px;font-weight:700}.sidebar-label{color:#8492af;letter-spacing:1.1px;font-size:8px;font-weight:800;margin:0 7px 10px}.sidebar-label.section-gap{margin-top:29px}.sidebar nav{gap:3px}.sidebar nav button,.nav-link{font-size:11px;display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:11px 10px;border:0;background:none;border-radius:7px;color:#afbdd2;font-weight:600}.sidebar nav button.active{background:#39496f;color:#fff}.sidebar nav button:hover,.nav-link:hover{background:#2e3e5e;color:#fff}.nav-icon{display:inline-grid;place-items:center;width:15px;font-size:15px;color:#b6c5e2}.ext{margin-left:auto}.sidebar-end{border:0;padding:0;font-size:10px;gap:10px}.sidebar-end button{padding:8px 10px;border:1px solid #394969;border-radius:7px}.demo-indicator{border:1px solid #364765;padding:10px 8px;display:flex;gap:7px;border-radius:8px;align-items:flex-start;color:#d1d9e9;font-size:9px}.demo-indicator small{display:block;margin-top:3px;color:#8190ac;font-size:8px}.live-dot{background:#26bb8c;width:7px;height:7px;border-radius:50%;flex:none}.main{margin-left:183px}.topbar{height:55px;padding:0 23px}.topbar #crumb{font-size:11px;color:#9aa5b8}.topbar #crumb b{color:#26344d}.crumb-sep{margin:0 10px;color:#c9d0de}.top-actions{display:flex;gap:18px;align-items:center}.top-date{font-size:10px;color:#78879e}.online{color:#78879e;font-size:10px}.online:first-letter{color:#31c58a}.primary{background:#5954d4;border-color:#5954d4;border-radius:6px;padding:10px 13px;font-size:11px;box-shadow:0 3px 11px #5650d31b}.primary:hover{background:#4943c4}.topbar kbd{font-size:10px;margin-left:7px;padding:2px 4px;background:#ffffff23;border-radius:2px}#content{padding:25px 23px;max-width:1650px}.page-heading{align-items:flex-start;margin-bottom:17px}.page-heading .eyebrow{font-size:9px;color:#5a56d2;letter-spacing:1.1px}.page-heading h1{margin:6px 0 4px}.page-heading .sub{font-size:10px}.journal-button{font-size:11px}.metrics{gap:12px;margin-bottom:16px}.metric,.panel{border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 14px #1b325208}.metric{padding:15px 15px;min-height:87px;display:flex;justify-content:space-between;align-items:flex-start}.metric small{display:block;font-size:10px;font-weight:700;color:#8b98ae}.metric strong{font-size:26px;line-height:1.15;margin:5px 0 3px}.metric .metric-note{display:block;font-size:9px;color:#94a0b2}.metric-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:17px}.metric-yellow .metric-icon{background:#fff2da;color:#d89c30}.metric-blue .metric-icon{background:#e8f3ff;color:#438ed1}.metric-purple .metric-icon{background:#eeedff;color:#6159d1}.metric-green .metric-icon{background:#e3f7ee;color:#1aa77a}.work-grid{grid-template-columns:minmax(450px,1.22fr) minmax(340px,.96fr);gap:13px;align-items:start}.panel{padding:0;margin-bottom:14px;overflow:hidden}.panel-head{padding:14px 15px 12px;margin:0;border-bottom:1px solid var(--line);min-height:57px}.panel-head h3{font-weight:750;margin:0 0 4px}.panel-head .sub{font-size:10px}.short-add{background:#f0efff;color:#5c58cf;border:0;padding:8px 11px;border-radius:6px;font-weight:750;font-size:10px}.icon-button{background:#fff;border:1px solid #e4eaf2;padding:7px 9px;font-size:15px}.filters{margin:12px 12px 5px;display:flex;gap:6px}.filters .quick-search{position:relative;flex:1.9}.quick-search span{position:absolute;left:9px;top:6px;font-size:20px;color:#9ba8b9}.quick-search input{padding-left:28px}.filters input,.filters select{height:32px;border-radius:6px;font-size:10px;padding-top:6px;padding-bottom:6px}.filters select#courier-filter{flex:0 0 116px;min-width:105px}.filter-extras{display:none}.filters:focus-within .filter-extras{display:flex;flex-basis:100%;gap:6px}.filter-extras label{font-size:9px;display:flex;align-items:center;gap:5px}.chips{padding:0 12px 12px}.chip{border-radius:5px;font-size:9px;padding:6px 9px;background:#fff}.chip.active{background:#efeeff;color:#5754cc;border-color:#d7d3ff;font-weight:750}.table-wrap{max-height:495px}.tbl th{font-size:9px;padding:12px 9px;background:#f9fafc;color:#a3afc0}.tbl td{font-size:10px;padding:12px 9px}.tbl td:nth-child(2){font-weight:550}.tbl tr:hover{background:#f6f7fc}.tbl .linkbtn{font-size:10px}.badge{font-size:9px;font-weight:750;padding:4px 7px}.linkbtn{font-size:10px}.queue-panel>.row.spread{padding:0 12px 12px}.queue-panel>.row,.queue-panel>.row.spread{margin-left:12px}#map{height:365px;border-radius:0;background:#e6eee9}.map-caption{display:flex;justify-content:space-between;gap:6px;padding:10px 13px;color:#9aa6b7;font-size:9px;font-weight:650}.map-legend{display:flex;gap:10px;flex-wrap:wrap;padding:11px 12px 3px;color:#8794a8;font-size:9px}.l-new{color:#d7a037}.l-assigned{color:#6659d1}.l-transit{color:#2895d0}.l-problem{color:#d25b63}.map-note{padding:0 12px 11px;font-size:9px;margin-top:5px}.map-pin{border:3px solid #fff;display:grid;place-items:center;color:#fff;min-width:31px;height:31px;border-radius:50%;font-size:10px;font-weight:800;box-shadow:0 2px 7px #18273c66}.map-pin.picked{outline:3px solid #201bd1}.pin-wrap{background:none;border:0}.courier-panel .panel-head{min-height:58px}.courier-summary{display:flex;gap:25px;padding:13px 16px;border-bottom:1px solid var(--line)}.courier-summary>div{display:flex;flex-direction:column;gap:3px}.courier-summary b{font-size:17px}.courier-summary small{color:#9ba9bc;font-size:9px}.couriers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.courier-card{width:100%;border:0;border-bottom:1px solid #edf0f5;border-right:1px solid #edf0f5;border-radius:0;padding:12px;display:flex;gap:8px;align-items:center;text-align:left;background:#fff;min-width:0;cursor:pointer}.courier-card:hover{background:#f8f8ff}.courier-names{min-width:0;flex:1}.courier-names b{display:block;color:#273248;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courier-names small{display:block;margin-top:3px;color:#9ca8b8;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courier-count{background:#f1f1ff;color:#6760c9;padding:5px 7px;border-radius:6px;font-size:9px;font-weight:700}.avatar{width:27px;height:27px;border-radius:7px;flex:none}.av1{background:#e6f7f0;color:#0f9773}.av2{background:#fff0e5;color:#d38b39}.av3{background:#f9eefa;color:#ae6ca5}.av4{background:#e5f4fe;color:#398cb8}.av5{background:#edf1ff;color:#6c72d1}.fullmap #map{height:75vh}.no-map{min-height:365px}.modal-card{border-radius:12px}.courier-shell{max-width:480px;min-height:100vh;background:#f5f7fb;padding-bottom:70px}.courier-header{display:block;background:#1b273e;padding:22px 18px 20px;border-radius:0 0 23px 23px}.courier-bar{display:flex;align-items:center;justify-content:space-between}.courier-logo{font-size:13px;font-weight:850;color:#adb9fb;letter-spacing:.8px}.courier-logo small{font-size:9px;letter-spacing:1px;margin-left:6px;color:#8c98b5}.courier-user{display:flex;align-items:center;gap:8px}.courier-user #identity{color:#d4dbee;font-size:11px}.courier-user .subtle{color:#cdd5e6;background:#2b3d5c;border-color:#3e5270;font-size:10px}.courier-header h1{font-size:26px;letter-spacing:-1px;color:#fff;margin:24px 0 3px}.courier-header p{font-size:11px;color:#9aa7be;margin-bottom:17px}.courier-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.courier-metrics>div{padding:13px;border:1px solid #43516b;border-radius:12px;background:#2a3952;min-width:0}.courier-metrics b{font-size:26px;display:block;color:#fff}.courier-metrics span{font-size:10px;color:#a2aec4}.courier-shell #content{padding:16px 17px}.mobile-section-title{display:flex;justify-content:space-between;align-items:center;margin:13px 0}.mobile-section-title h3{margin:0;font-size:15px}.mobile-section-title span{font-size:10px;color:#9ca7ba}.courier-shell .route-card{box-shadow:0 3px 14px #21365508}.route-title{display:grid;grid-template-columns:1fr auto;padding:14px 16px;background:#fff}.route-title b{font-size:13px}.route-title small{grid-column:1/-1;margin-top:6px;color:#96a4b8;font-size:10px}.route-state{color:#357ca5;background:#e6f3ff;border-radius:5px;padding:5px;font-size:10px}.delivery{padding:15px;border-top:1px solid #e7edf4}.delivery-meta{display:flex;justify-content:space-between;gap:6px;align-items:center;color:#8998af;font-size:10px;font-weight:750}.delivery h3{font-size:17px;letter-spacing:-.4px;margin:10px 0 4px}.delivery-notes{color:#93a0b3;font-size:11px;line-height:1.6}.delivery .actions{margin-top:14px}.delivery .actions a,.delivery .actions button{border-radius:7px;padding:12px 8px;font-size:11px}.delivery .actions button{background:#12866a;border-color:#12866a}.problem-link{border:0;background:transparent;color:#655fcb;font-size:10px;font-weight:750;margin:12px 0 0;padding:0}.courier-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);height:65px;background:white;border-top:1px solid #e5eaf2;display:flex;z-index:9}.courier-nav button{flex:1;background:none;border:0;color:#92a0b4;font-weight:750;font-size:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.courier-nav button span{font-size:10px}.courier-nav button.active{color:#5a57d5}.history-delivery{padding:15px;font-size:11px}.courier-shell .route-card{margin-top:10px}
@media(min-width:1101px) and (max-width:1300px){.work-grid{grid-template-columns:minmax(400px,1.18fr) minmax(315px,1fr)}.couriers{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.work-grid{grid-template-columns:1fr}.couriers{grid-template-columns:repeat(3,1fr)}.metrics{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.metrics{grid-template-columns:repeat(2,1fr)}.couriers{grid-template-columns:repeat(2,1fr)}.top-date{display:none}}
@media(max-width:700px){.sidebar{width:54px;padding:14px 4px}.sidebar .brand{padding:0 6px 22px}.sidebar .brand>span:nth-child(2),.sidebar-label,.sidebar nav button>span:nth-child(2),.nav-link>span:nth-child(2),.sidebar-end,.nav-link .ext{display:none}.sidebar nav button,.nav-link{justify-content:center}.nav-icon{font-size:18px}.main{margin-left:54px}.topbar{height:54px;padding:0 10px}.online{display:none}#content{padding:15px 10px}.page-heading h1{font-size:21px}.journal-button{font-size:10px}.metric{padding:12px}.couriers{grid-template-columns:repeat(2,1fr)}.filters .quick-search{flex:1}.filters select#courier-filter{flex:0 0 105px}}
@media(max-width:460px){.page-heading{gap:9px}.journal-button{padding:8px}.metric-icon{width:26px;height:26px;font-size:13px}.metric strong{font-size:22px}.filters .quick-search input{font-size:10px}.couriers{grid-template-columns:1fr 1fr}}

/* 0.4.0 – DaData dropdown integrated into approved visual system */
.dadata-field{position:relative}.dadata-results{position:relative;z-index:20;max-height:220px;overflow-y:auto;background:#fff;border:1px solid #dbe1ed;border-radius:10px;box-shadow:0 8px 22px #14223f18;margin-top:5px}.dadata-results:empty{display:none}.dadata-item{display:block;width:100%;text-align:left;background:white;color:#26334c;border:0;border-bottom:1px solid #eef0f5;padding:11px 13px;cursor:pointer;font-size:13px;line-height:1.4}.dadata-item:hover,.dadata-item:focus{background:#eff1ff}.dadata-field small{display:block;margin-top:6px;color:#66738a;line-height:1.45}

.delivery > .problem-link {display:block;margin-top:9px;text-align:left;}