@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";.settings-page{display:grid;gap:20px;max-width:1000px}.settings-panel{padding:26px}.settings-panel h2{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:18px}.settings-panel p,.settings-save p{color:#687488;font-size:13px;line-height:1.6}.settings-panel fieldset{border:0;padding:0;margin:22px 0 0;min-width:0}.settings-panel label{display:grid;gap:9px;font-size:13px;font-weight:600}.settings-panel input:not([type=checkbox]),.settings-panel select{width:100%;min-height:44px;border:1px solid #dce3ed;border-radius:9px;background:#fff;padding:10px 12px;font:inherit;color:#253247}.settings-panel input:focus,.settings-panel select:focus{outline:2px solid #8bb7ff;outline-offset:2px}.settings-panel input:disabled,.settings-panel select:disabled{background:#f4f6f9;color:#687488}.settings-panel small{color:#7b8799;font-weight:400}.settings-panel .settings-check{display:flex;align-items:center;gap:10px;margin:22px 0}.settings-check input{width:18px;height:18px;accent-color:#3987ff}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-text-button{justify-self:start;border:0;background:none;padding:0;color:#2874d9;font:inherit;cursor:pointer}.settings-integration{display:grid;gap:18px;margin-bottom:0}.settings-integration div{display:grid;grid-template-columns:150px 1fr;gap:14px;font-size:13px;line-height:1.6}.settings-integration dt{color:#7b8799}.settings-integration dd{margin:0;overflow-wrap:anywhere}.settings-integration a{color:#2874d9}.settings-save{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px}.settings-save .settings-error,.delete-error{color:#c43b4d}.settings-save .settings-success{color:#188563}.settings-save button{flex-shrink:0}button:disabled{cursor:not-allowed;opacity:.6}.employee-delete{width:100%;margin-top:12px;padding:10px;border:0;border-radius:8px;color:#b63d4a;background:#fff2f3;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:12px}.delete-dialog{background:#fff;border-radius:18px;width:min(480px,calc(100vw - 32px));padding:28px;box-shadow:0 24px 80px #152d4c30}.delete-dialog h2{margin-top:0;font-size:20px}.delete-dialog p{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.delete-dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.danger-button{border:0;border-radius:9px;background:#c33f50;color:#fff;padding:12px 18px;font:inherit;cursor:pointer}.delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#15253666;padding:16px}.team-empty{padding:32px;text-align:center;color:#687488}.settings-link[aria-current=page]{color:#2874d9;background:#edf4ff;border-radius:8px}@media(max-width:640px){.settings-panel{padding:20px}.settings-fields{grid-template-columns:1fr}.settings-save{align-items:stretch;flex-direction:column}.settings-integration div{grid-template-columns:1fr;gap:4px}}:root{font-family:Manrope,Segoe UI,sans-serif;color:#172237;background:#f3f5f9;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f3f5f9;--panel: #ffffff;--ink: #172237;--muted: #7a879b;--line: #e7ebf1;--blue: #3478f6;--blue-dark: #2463d5;--sidebar: #0d1727;--green: #20b486;--amber: #f0a438;--violet: #886be8;--red: #e86370;--shadow: 0 1px 2px rgba(20, 34, 59, .025), 0 5px 18px rgba(20, 34, 59, .035)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(52,120,246,.22);outline-offset:2px}button{border:0}svg{flex-shrink:0}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;z-index:60;display:flex;flex-direction:column;padding:25px 16px 18px;color:#d4dceb;background:var(--sidebar);border-right:1px solid rgba(255,255,255,.04)}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 29px}.brand img{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 5px 18px #1e7be940}.brand>div{display:flex;flex-direction:column}.brand strong{color:#fff;font-size:20px;font-weight:800;line-height:1.05;letter-spacing:.09em}.brand span{margin-top:5px;color:#8fa0ba;font-size:9px;font-weight:700;letter-spacing:.14em}.sidebar-close{display:none;margin-left:auto;padding:7px;color:#fff;background:transparent}.workspace-label{padding:0 12px 10px;color:#5f718e;font-size:9px;font-weight:700;letter-spacing:.13em}.main-nav{display:flex;flex-direction:column;gap:5px}.main-nav button,.settings-link{display:flex;align-items:center;gap:12px;width:100%;min-height:45px;padding:0 13px;color:#91a0b7;background:transparent;border-radius:10px;font-size:13px;font-weight:600;text-align:left;transition:color .18s,background .18s,transform .18s}.main-nav button:hover,.settings-link:hover{color:#fff;background:#ffffff0d}.main-nav button.active{color:#fff;background:linear-gradient(105deg,#3478f647,#3478f61f);box-shadow:inset 3px 0 #4c8cff}.main-nav button.active svg{color:#6ca3ff}.main-nav button b{margin-left:auto;min-width:24px;padding:3px 6px;color:#b8c9e4;background:#ffffff14;border-radius:7px;font-size:10px;text-align:center}.sidebar-divider{height:1px;margin:17px 12px 12px;background:#ffffff12}.bot-status-card{margin:auto 3px 18px;padding:16px;background:linear-gradient(145deg,#26477773,#1429467a);border:1px solid rgba(121,160,214,.12);border-radius:13px}.bot-status-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.bot-icon{display:grid;place-items:center;width:34px;height:34px;color:#8bb8ff;background:#3d84f026;border-radius:9px}.online-badge{display:inline-flex;align-items:center;gap:6px;color:#32b98e;font-size:10px;font-weight:700;white-space:nowrap}.online-badge i{width:6px;height:6px;background:#32c696;border-radius:50%;box-shadow:0 0 0 4px #32c6961a}.bot-status-card>strong{display:block;color:#ecf3ff;font-size:13px}.bot-status-card>p{margin:5px 0 13px;color:#7e92b0;font-size:11px}.bot-sync{display:flex;align-items:center;gap:6px;color:#6582a9;font-size:9px}.sidebar-profile{display:flex;align-items:center;gap:10px;padding:14px 7px 0;border-top:1px solid rgba(255,255,255,.07)}.sidebar-profile>div{display:flex;flex:1;flex-direction:column;min-width:0}.sidebar-profile strong{overflow:hidden;color:#e5eaf2;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile span{margin-top:3px;color:#70829e;font-size:10px}.sidebar-profile>svg{color:#5c6e87}.avatar{display:inline-grid;flex-shrink:0;place-items:center;width:37px;height:37px;color:#fff;background:var(--avatar-color);border-radius:11px;font-size:11px;font-weight:700}.avatar-small{width:29px;height:29px;border-radius:9px;font-size:9px}.avatar-wrap{position:relative;flex-shrink:0}.avatar-wrap>i{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;background:#8c98aa;border:2px solid #fff;border-radius:50%}.avatar-wrap>i.online{background:#22bb8b}.main-shell{min-height:100vh;margin-left:248px}.topbar{position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;height:71px;padding:0 30px;background:#ffffffeb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.global-search{display:flex;align-items:center;gap:11px;width:min(510px,48vw);color:#8b98aa}.global-search input{flex:1;min-width:0;padding:10px 0;color:var(--ink);background:transparent;border:0;outline:0;font-size:12px}.global-search input::placeholder{color:#9ba7b8}.global-search kbd{padding:4px 7px;color:#98a5b7;background:#f5f7fa;border:1px solid #e5e9ef;border-radius:6px;font-family:inherit;font-size:9px}.topbar-actions{display:flex;align-items:center;gap:14px}.demo-badge{padding:6px 10px;color:#687892;background:#f3f6fa;border:1px solid #e4eaf2;border-radius:7px;font-size:9px;font-weight:700;letter-spacing:.03em}.icon-button{display:inline-grid;place-items:center;padding:8px;color:#738198;background:transparent;border-radius:9px}.icon-button:hover{color:var(--blue);background:#f0f5fd}.notification-button{position:relative}.notification-button>i{position:absolute;top:6px;right:6px;width:7px;height:7px;background:#ef6372;border:2px solid #fff;border-radius:50%}.topbar-profile{display:flex;align-items:center;gap:8px;padding-left:14px;border-left:1px solid var(--line);font-size:11px;font-weight:600}.topbar-profile>svg{color:#9ba6b5}.mobile-menu{display:none}.content{width:100%;max-width:1800px;margin:0 auto;padding:28px 30px 18px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{margin:0;color:#152137;font-size:25px;font-weight:800;letter-spacing:-.035em}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:11px}.page-actions{display:flex;gap:10px}.primary-button,.secondary-button,.success-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border-radius:9px;font-size:11px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.primary-button{color:#fff;background:var(--blue);box-shadow:0 4px 11px #3478f633}.primary-button:hover{background:var(--blue-dark);box-shadow:0 6px 15px #3478f647;transform:translateY(-1px)}.secondary-button{color:#5f6f86;background:#fff;border:1px solid #dfe5ed}.secondary-button:hover{color:var(--blue);border-color:#b8cef2;background:#f9fbff}.success-button{color:#128560;background:#eaf9f3;border:1px solid #c8edde}.danger-button{color:#d75261;background:#fff2f3;border:1px solid #f6d7db}.full-width{width:100%}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 21px 17px}.panel-heading h2{margin:0;color:#1a263b;font-size:14px;font-weight:800;letter-spacing:-.015em}.panel-heading p{margin:5px 0 0;color:#8a96a8;font-size:9px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card{position:relative;overflow:hidden;padding:17px 18px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px}.stat-blue{color:#3478f6;background:#edf4ff}.stat-amber{color:#d98a1c;background:#fff6e8}.stat-violet{color:#8061dc;background:#f3efff}.stat-green{color:#149c73;background:#eaf9f3}.stat-period{color:#a0abba;font-size:9px}.stat-value{color:#172237;font-size:29px;font-weight:800;line-height:1;letter-spacing:-.04em}.stat-label{margin-top:7px;color:#526178;font-size:11px;font-weight:600}.stat-note{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#98a4b4;font-size:9px}.stat-note svg{color:#a8b4c2}.stat-progress{overflow:hidden;height:3px;margin:13px -18px -14px;background:#f2f4f7}.stat-progress span{display:block;height:100%}.progress-blue{background:#4d88ee}.progress-amber{background:#efad4a}.progress-violet{background:#9075e5}.progress-green{background:#32ba91}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:20px;align-items:start}.right-rail{display:flex;flex-direction:column;gap:18px}.requests-panel{min-width:0;overflow:hidden}.requests-heading{border-bottom:1px solid #f0f2f6}.view-switch{display:flex;gap:3px;padding:3px;background:#f3f5f8;border-radius:8px}.view-switch button{display:flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;color:#8a96a8;background:transparent;border-radius:6px;font-size:9px;font-weight:600}.view-switch button.active{color:#3d6ea9;background:#fff;box-shadow:0 1px 4px #192c4b17}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #eef1f5}.filter-chips{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chips button{display:flex;align-items:center;gap:6px;padding:7px 9px;color:#8491a4;background:transparent;border-radius:7px;font-size:9px;font-weight:600;white-space:nowrap}.filter-chips button span{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;color:#8e9aac;background:#eef1f5;border-radius:5px;font-size:8px}.filter-chips button.active{color:#356fae;background:#edf4fd}.filter-chips button.active span{color:#fff;background:#6c9cd7}.type-filter{display:flex;align-items:center;gap:5px;color:#8c99aa;white-space:nowrap}.type-filter select{max-width:115px;padding:5px 0;color:#718096;background:transparent;border:0;outline:0;font-size:9px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.table-wrap{overflow-x:auto}.request-table{width:100%;min-width:830px;border-collapse:collapse}.request-table th{padding:11px 12px;color:#98a4b3;background:#fafbfc;border-bottom:1px solid #edf0f4;font-size:8px;font-weight:700;letter-spacing:.05em;text-align:left;text-transform:uppercase}.request-table th:first-child,.request-table td:first-child{padding-left:20px}.request-table th:last-child,.request-table td:last-child{padding-right:14px}.request-table td{padding:13px 12px;border-bottom:1px solid #eff2f5;vertical-align:middle}.request-table tbody tr{cursor:pointer;transition:background .15s}.request-table tbody tr:hover{background:#f9fbfe}.request-table tbody tr:last-child td{border-bottom:0}.request-main{display:flex;align-items:center;gap:10px;min-width:230px}.type-icon{display:grid;flex-shrink:0;place-items:center;width:34px;height:34px;color:#6489ba;background:#f0f5fb;border-radius:9px}.request-title{display:flex;align-items:center;gap:5px;color:#2a374c;font-size:10px;font-weight:700;white-space:nowrap}.request-title>span:not(.priority-label){color:#a4afbd}.priority-label{display:inline-flex;align-items:center;padding:4px 6px;color:#e05d6a;background:#fff0f2;border-radius:5px;font-size:7px;font-weight:700;white-space:nowrap}.request-sub{margin-top:5px;color:#98a4b3;font-size:8px;white-space:nowrap}.request-sub span{padding:0 3px}.object-code{color:#45566f;font-size:10px;font-weight:700}.object-name{max-width:135px;margin-top:5px;overflow:hidden;color:#96a1b1;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:6px;font-size:8px;font-weight:700;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%}.status-new{color:#3377d5;background:#edf4ff}.status-new .status-dot{background:#4386e5}.status-approval{color:#b77b22;background:#fff5e5}.status-approval .status-dot{background:#e5a33e}.status-assigned{color:#7459c5;background:#f2effc}.status-assigned .status-dot{background:#8a6dde}.status-done{color:#168965;background:#eaf8f2}.status-done .status-dot{background:#25b486}.status-rejected{color:#cc5964;background:#fff0f1}.status-rejected .status-dot{background:#e66471}.assignee{display:flex;align-items:center;gap:7px;min-width:135px;color:#536176;font-size:9px;font-weight:600}.unassigned{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;color:#5482b9;background:#f0f6fd;border-radius:6px;font-size:8px;font-weight:600}.created-time{color:#526177;font-size:10px;font-weight:600}.row-more{padding:5px}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:#9aa6b5;background:#fafbfc;border-top:1px solid #edf0f4;font-size:9px}.panel-footer button{display:flex;align-items:center;gap:3px;color:#5583b8;background:transparent;font-size:9px;font-weight:600}.mobile-request-list{display:none}.empty-state{display:grid;place-items:center;padding:55px 20px;color:#a0adbd;text-align:center}.empty-state h3{margin:13px 0 4px;color:#4b5b71;font-size:14px}.empty-state p{margin:0 0 15px;font-size:10px}.empty-state button{color:var(--blue);background:transparent;font-size:10px;font-weight:700}.team-rail .panel-heading,.activity-rail .panel-heading{padding-bottom:13px}.team-list{padding:0 18px 8px}.team-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #f0f2f5}.team-row:last-child{border-bottom:0}.team-person{flex:1;min-width:0}.team-person strong{display:block;overflow:hidden;color:#37465c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.team-person>span{display:block;margin-top:3px;color:#98a3b2;font-size:8px}.load-track{overflow:hidden;height:4px;margin-top:8px;background:#edf0f4;border-radius:5px}.load-track i{display:block;height:100%;background:linear-gradient(90deg,#5f94e4,#86b2f4);border-radius:5px}.load-number{color:#43536a;font-size:14px;font-weight:800;text-align:right}.load-number small{display:block;margin-top:2px;color:#a0abba;font-size:7px;font-weight:500}.team-rail>.secondary-button{width:calc(100% - 36px);min-height:35px;margin:4px 18px 17px;font-size:9px}.live-dot{width:7px;height:7px;background:#28bd8e;border-radius:50%;box-shadow:0 0 0 5px #e8f8f2}.activity-list{padding:0 19px 16px}.activity-item{position:relative;display:flex;gap:10px;padding:10px 0}.activity-item:not(:last-child):after{position:absolute;top:38px;bottom:-5px;left:14px;width:1px;content:"";background:#edf0f4}.activity-icon{display:grid;z-index:1;flex-shrink:0;place-items:center;width:29px;height:29px;border-radius:8px}.activity-green{color:#1a9b72;background:#eaf8f2}.activity-violet{color:#7b61cc;background:#f1edfc}.activity-blue{color:#377dd8;background:#edf4fd}.activity-amber{color:#c3832b;background:#fff5e6}.activity-item strong{display:block;color:#46556a;font-size:9px;line-height:1.4}.activity-item span:not(.activity-icon){display:block;margin-top:4px;color:#9ba6b5;font-size:8px}.board-view{display:grid;grid-template-columns:repeat(4,minmax(205px,1fr));gap:11px;overflow-x:auto;padding:15px;background:#f7f9fc}.board-column{min-width:205px}.board-heading{display:flex;align-items:center;justify-content:space-between;padding:0 3px 11px}.board-heading>span{display:flex;align-items:center;gap:6px;color:#5e6d82;font-size:9px;font-weight:700}.board-heading i{width:7px;height:7px;border-radius:50%}.board-heading b{display:grid;place-items:center;min-width:20px;height:20px;color:#8794a5;background:#e9edf2;border-radius:6px;font-size:8px}.board-cards{display:flex;flex-direction:column;gap:9px}.request-card{padding:15px;background:#fff;border:1px solid #e6ebf1;border-radius:11px;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}.request-card:hover{border-color:#c7d9f0;box-shadow:0 6px 16px #192d4a0f;transform:translateY(-2px)}.request-card-top{display:flex;align-items:center;gap:6px}.request-number{margin-right:auto;color:#8795a8;font-size:9px;font-weight:700}.request-card h4{margin:12px 0 8px;color:#2a3a50;font-size:12px}.card-vehicle,.card-location{display:flex;align-items:center;gap:6px;color:#6f7f94;font-size:9px}.card-location{align-items:flex-start;margin-top:7px;color:#96a2b2;font-size:8px;line-height:1.45}.request-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:11px;border-top:1px solid #eff2f5}.request-card-bottom>span{display:flex;align-items:center;gap:5px;color:#9aa6b5;font-size:8px}.card-unassigned{color:#4b82c0!important;font-weight:600}.empty-column{padding:25px 10px;color:#a0acbb;border:1px dashed #d9e0e8;border-radius:9px;font-size:9px;text-align:center}.map-page-panel{overflow:hidden}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;min-height:540px;border-top:1px solid #edf0f4}.map-canvas{position:relative;overflow:hidden;min-height:540px;background-color:#eaf0f2;background-image:linear-gradient(rgba(115,143,153,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(115,143,153,.09) 1px,transparent 1px),radial-gradient(circle at 25% 30%,#f5f8f7 0,transparent 42%),radial-gradient(circle at 78% 65%,#dee9e8 0,transparent 48%);background-size:42px 42px,42px 42px,100% 100%,100% 100%}.map-zoom-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center;transition:transform .22s ease}.map-roads{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-roads path{fill:none;stroke:#fff;stroke-width:18;filter:drop-shadow(0 1px 0 rgba(107,133,141,.15))}.map-roads .road-secondary{stroke-width:9;opacity:.8}.map-district{position:absolute;color:#536f7947;font-size:10px;font-weight:800;letter-spacing:.16em;pointer-events:none}.district-one{top:8%;left:8%}.district-two{top:47%;left:45%}.district-three{right:9%;bottom:8%}.map-marker{position:absolute;display:flex;align-items:center;justify-content:center;width:31px;height:37px;color:#3987ff;background:transparent;filter:drop-shadow(0 3px 3px rgba(26,52,66,.22));transform:translate(-50%,-100%);transition:transform .16s}.map-marker:hover,.map-marker.selected{z-index:5;transform:translate(-50%,-100%) scale(1.2)}.map-marker svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:#fff;stroke-width:1.4}.map-marker span{z-index:1;margin-top:-7px;color:#fff;font-size:6px;font-weight:800}.marker-approval{color:#f3a93b}.marker-assigned{color:#8b6ff0}.marker-done{color:#20b486}.marker-rejected{color:#ed6472}.map-controls{position:absolute;top:15px;right:15px;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dfe6e8;border-radius:8px;box-shadow:0 3px 9px #20394214}.map-controls button{width:31px;height:31px;color:#647b85;background:#fff;font-size:17px}.map-controls button+button{border-top:1px solid #e8edef}.map-legend{position:absolute;bottom:14px;left:14px;display:flex;flex-wrap:wrap;gap:10px;padding:9px 11px;background:#ffffffeb;border:1px solid rgba(213,225,228,.9);border-radius:8px;box-shadow:0 3px 12px #1e38410f;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.map-legend span{display:flex;align-items:center;gap:4px;color:#6d7f88;font-size:7px}.map-legend i{width:6px;height:6px;border-radius:50%}.map-popup{position:absolute;right:18px;bottom:57px;width:240px;padding:14px;background:#fffffff7;border:1px solid #dce6e8;border-radius:11px;box-shadow:0 10px 25px #1d343e21;cursor:pointer}.map-popup-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#72848d;font-size:8px;font-weight:700}.map-popup>strong{color:#2d414c;font-size:11px}.map-popup p{margin:5px 0 10px;color:#8b9ba3;font-size:8px}.map-popup>button{display:flex;align-items:center;gap:3px;padding:0;color:#397dcc;background:transparent;font-size:8px;font-weight:700}.map-side-list{padding:14px;background:#fff;border-left:1px solid #e4e9ed}.map-side-title{display:flex;align-items:center;justify-content:space-between;padding:5px 4px 13px;color:#4a5c6b;font-size:10px;font-weight:700}.map-side-title span{display:grid;place-items:center;width:21px;height:21px;color:#82919c;background:#f0f3f5;border-radius:6px;font-size:8px}.map-side-list>button{display:flex;align-items:center;gap:8px;width:100%;padding:11px 7px;color:#87959e;background:transparent;border-top:1px solid #eff2f4;text-align:left}.map-side-list>button.active{background:#f4f8fc;border-radius:7px}.map-side-list>button>span{flex:1;min-width:0}.map-side-list strong,.map-side-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-side-list strong{color:#50626f;font-size:8px}.map-side-list small{margin-top:4px;color:#9aa7af;font-size:7px}.side-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%}.status-bg-new{background:#3987ff}.status-bg-approval{background:#f3a93b}.status-bg-assigned{background:#8b6ff0}.status-bg-done{background:#20b486}.status-bg-rejected{background:#ed6472}.team-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:18px 20px}.team-summary>div{display:flex;align-items:center;gap:13px}.summary-icon{display:grid;place-items:center;width:45px;height:45px;color:#437dd0;background:#edf4fd;border-radius:12px}.team-summary strong{color:#304157;font-size:12px}.team-summary p{margin:5px 0 0;color:#8c99a9;font-size:9px}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.employee-card{padding:20px}.employee-top{display:flex;align-items:flex-start;justify-content:space-between}.employee-avatar .avatar{width:48px;height:48px;border-radius:13px;font-size:13px}.availability{padding:5px 7px;color:#15906a;background:#eaf8f2;border-radius:6px;font-size:7px;font-weight:700}.availability.away{color:#8a96a5;background:#f0f2f5}.employee-card h3{margin:15px 0 5px;color:#2d3c52;font-size:13px}.employee-card>p{margin:0;color:#929ead;font-size:9px}.employee-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0;padding:14px 0;border-top:1px solid #eef1f4;border-bottom:1px solid #eef1f4}.employee-stats>div{text-align:center}.employee-stats>div+div{border-left:1px solid #edf0f3}.employee-stats strong{display:block;color:#34465c;font-size:16px}.employee-stats span{display:block;margin-top:4px;color:#9ba6b4;font-size:7px}.employee-load{margin-bottom:17px}.employee-load>span{display:flex;justify-content:space-between;color:#8a97a8;font-size:8px}.employee-load b{color:#597089}.employee-card .secondary-button{min-height:35px;padding:0 8px;font-size:8px}.analytics-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:18px}.chart-panel{min-width:0}.chart-legend{display:flex;align-items:center;gap:5px;color:#8a98aa;font-size:8px}.chart-legend i{width:8px;height:8px;background:#5b91e7;border-radius:2px}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:230px;padding:20px 25px 22px;background-image:linear-gradient(#eef1f5 1px,transparent 1px);background-size:100% 48px}.bar-column{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.bar-value{position:relative;width:min(24px,70%);min-height:12px;background:linear-gradient(180deg,#6a9fee,#437ed5);border-radius:5px 5px 2px 2px;transition:height .3s}.bar-value span{position:absolute;top:-17px;left:50%;color:#8392a5;font-size:7px;transform:translate(-50%)}.bar-column small{margin-top:8px;color:#9ca8b6;font-size:6px;white-space:nowrap}.donut-panel{min-width:0}.donut{display:grid;place-items:center;width:135px;height:135px;margin:3px auto 17px;background:conic-gradient(#20b486 0 var(--done-angle),#8b6ff0 var(--done-angle) 48%,#3987ff 48% 73%,#f3a93b 73% 88%,#ed6472 88% 100%);border-radius:50%}.donut:before{position:absolute;width:91px;height:91px;content:"";background:#fff;border-radius:50%}.donut>div{z-index:1;text-align:center}.donut strong{display:block;color:#31435a;font-size:25px}.donut span{color:#96a2b1;font-size:8px}.donut-legend{padding:0 22px 17px}.donut-legend>div{display:flex;align-items:center;justify-content:space-between;padding:5px 0;color:#748397;font-size:8px}.donut-legend span{display:flex;align-items:center;gap:6px}.donut-legend i{width:7px;height:7px;border-radius:2px}.donut-legend b{color:#45566c}.types-panel{padding-bottom:18px}.type-bars{padding:0 22px}.type-bars>div{margin:15px 0}.type-bars span{display:flex;justify-content:space-between;color:#65768b;font-size:9px}.type-bars b{color:#34485f}.type-bars>div>div{overflow:hidden;height:6px;margin-top:7px;background:#edf1f5;border-radius:4px}.type-bars i{display:block;height:100%;background:linear-gradient(90deg,#5a8fe1,#81abe9);border-radius:4px}.metric-highlight{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:25px;background:linear-gradient(145deg,#132b4c,#174671);border:0;color:#fff}.metric-spark{display:grid;place-items:center;width:44px;height:44px;color:#75e0c4;background:#ffffff14;border-radius:12px}.metric-highlight p{margin:20px 0 6px;color:#a5bad3;font-size:10px}.metric-highlight>strong{font-size:37px}.metric-highlight small{font-size:13px;font-weight:500}.positive-metric{margin-top:13px;color:#68d9b8;font-size:8px}.allocation-intro{display:flex;align-items:center;gap:15px;margin-bottom:18px;padding:18px 20px}.allocation-intro-icon{display:grid;flex-shrink:0;place-items:center;width:45px;height:45px;color:#497fd0;background:#edf4fd;border-radius:12px}.allocation-intro h2{margin:0;color:#2a3b51;font-size:13px}.allocation-intro p{max-width:690px;margin:5px 0 0;color:#8795a7;font-size:9px;line-height:1.55}.allocation-progress{width:180px;margin-left:auto}.allocation-progress>span{display:block;margin-bottom:8px;color:#8a97a8;font-size:8px;text-align:right}.allocation-progress b{color:#3d5875}.allocation-progress>div{overflow:hidden;height:5px;background:#e9eef3;border-radius:5px}.allocation-progress i{display:block;height:100%;background:linear-gradient(90deg,#3c82e5,#56c0c0);border-radius:5px}.allocation-board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:15px;align-items:start}.allocation-column{min-height:480px;padding:15px;background:#f8fafc;border:1px solid #e3e9f0;border-radius:14px;transition:border-color .16s,background .16s,box-shadow .16s}.allocation-column.drag-over{background:#eff6ff;border-color:#6a9fe9;box-shadow:inset 0 0 0 2px #4c89e51a}.logist-column{background:#fff;border-top:3px solid var(--person-color);box-shadow:var(--shadow)}.allocation-column-heading>div{display:flex;align-items:center;gap:10px}.allocation-column-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 1px 15px}.unassigned-icon{display:grid;place-items:center;width:36px;height:36px;color:#8190a3;background:#ebeff4;border-radius:10px}.allocation-column-heading h3,.logist-card-heading h3{margin:0;color:#33445a;font-size:11px}.allocation-column-heading p,.logist-card-heading p{margin:4px 0 0;color:#96a2b2;font-size:7px}.allocation-column-heading>b{display:grid;place-items:center;min-width:25px;height:25px;color:#748499;background:#e8edf2;border-radius:7px;font-size:9px}.logist-card-heading{position:relative;display:flex;align-items:center;gap:10px;padding:1px 0 13px}.logist-avatar{position:relative;display:grid;flex-shrink:0;place-items:center;width:41px;height:41px;color:#fff;border-radius:11px;font-size:11px;font-weight:700}.logist-avatar i{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;background:#22bb8b;border:2px solid #fff;border-radius:50%}.logist-online{position:absolute;top:0;right:0;color:#20a77e;font-size:6px;font-weight:700}.logist-load{padding:11px 0 14px;border-top:1px solid #edf0f4}.logist-load>span{display:flex;justify-content:space-between;color:#96a2b2;font-size:7px}.logist-load b{color:#6c7f95}.logist-load>div{overflow:hidden;height:4px;margin-top:7px;background:#edf1f5;border-radius:4px}.logist-load i{display:block;height:100%;background:var(--person-color);border-radius:4px}.allocation-objects{display:flex;flex-direction:column;gap:9px;min-height:280px}.allocation-object{position:relative;display:flex;align-items:flex-start;gap:7px;padding:11px 9px;background:#fff;border:1px solid #e2e8ef;border-radius:10px;box-shadow:0 2px 5px #192b4206;cursor:grab;transition:transform .15s,border-color .15s,box-shadow .15s}.allocation-object:hover{border-color:#b8cde7;box-shadow:0 5px 12px #1c304b0f;transform:translateY(-1px);cursor:grab}.allocation-object:active,.allocation-object:active *{cursor:grabbing}.allocation-object *,.allocation-object-info,.allocation-object-info strong,.allocation-object-info p,.allocation-object-info small,.drag-handle{cursor:grab}.allocation-object .mobile-object-move,.allocation-object .mobile-object-move select{cursor:pointer}.allocation-object-info:active,.drag-handle:active{cursor:grabbing}.allocation-object.object-selected{border-color:#76a4e4}.drag-handle{margin:7px -2px 0 -4px;color:#b1bcca}.allocation-object-info{flex:1;min-width:0}.allocation-object-info>strong{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#3e526b;font-size:10px}.allocation-object-info>strong span{color:#8b9aad;font-size:6px;font-weight:600;white-space:nowrap}.allocation-object-info p{margin:5px 0;overflow:hidden;color:#7f8fa2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.allocation-object-info small{display:flex;align-items:center;gap:4px;color:#a2adbb;font-size:7px}.mobile-object-move{display:none;position:relative;align-items:center;color:#8798aa;cursor:pointer}.mobile-object-move select{max-width:95px;padding:4px 16px 4px 4px;color:#698096;background:transparent;border:0;outline:0;font-size:7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.mobile-object-move svg{position:absolute;right:0;pointer-events:none}.drop-hint{margin-top:13px;padding:9px;color:#a0adbb;border:1px dashed #d6dfe8;border-radius:8px;font-size:7px;text-align:center}.drag-over .drop-hint{color:#4c85ce;border-color:#8eb2e5}.empty-allocation,.all-assigned{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:170px;padding:20px;color:#a3afbd;text-align:center}.empty-allocation span{margin-top:9px;font-size:8px}.all-assigned strong{margin:10px 0 6px;color:#5a756e;font-size:9px}.all-assigned span{font-size:7px;line-height:1.5}.allocation-footnote{display:flex;align-items:center;justify-content:space-between;margin-top:13px;color:#99a5b4;font-size:8px}.allocation-footnote span{display:flex;align-items:center;gap:5px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0a142352;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .18s}.request-drawer{position:fixed;top:0;right:0;bottom:0;z-index:85;overflow-y:auto;width:min(455px,100vw);padding:24px;background:#fff;box-shadow:-15px 0 45px #101e3224;animation:slide-in .22s}.drawer-header{display:flex;align-items:center;justify-content:space-between}.drawer-kicker{color:#98a4b3;font-size:9px;font-weight:600;text-transform:uppercase}.drawer-header h2{margin:3px 0 0;color:#23344a;font-size:24px}.drawer-status{display:flex;align-items:center;gap:7px;margin:17px 0}.telegram-channel{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:#8191a4;font-size:8px}.drawer-title{margin:20px 0 9px;color:#24364d;font-size:19px;letter-spacing:-.02em}.drawer-description{margin:0 0 22px;color:#7d8da1;font-size:10px;line-height:1.7}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.detail-grid>div{padding:13px;background:#f8fafc;border:1px solid #ebeff3;border-radius:10px}.detail-grid .detail-wide{grid-column:1 / -1}.detail-grid span{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:#94a1b1;font-size:8px}.detail-grid strong{display:block;color:#43556d;font-size:10px;line-height:1.45}.detail-grid small{display:block;margin-top:5px;color:#9ca8b6;font-size:8px}.assignment-box{margin-top:20px;padding:16px;background:#f5f8fd;border:1px solid #e0e9f5;border-radius:12px}.assignment-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#556b84;font-size:9px;font-weight:700}.assigned-check{display:flex;align-items:center;gap:4px;color:#1a9a71;font-size:7px}.current-assignee{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px;background:#fff;border-radius:9px}.current-assignee>div>strong,.current-assignee>div>span{display:block}.current-assignee>div>strong{color:#40536b;font-size:10px}.current-assignee>div>span{margin-top:3px;color:#95a3b4;font-size:8px}.current-assignee>.avatar{display:inline-grid;margin-top:0;color:#fff;font-size:11px}.assign-select{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:0 11px;color:#8093aa;background:#fff;border:1px solid #dfe7f1;border-radius:8px}.assign-select select{flex:1;height:38px;color:#536981;background:transparent;border:0;outline:0;font-size:9px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.request-history{margin-top:24px}.request-history h4{margin:0 0 14px;color:#4a5d73;font-size:11px}.request-history>div{position:relative;display:flex;gap:11px;padding-bottom:17px}.request-history>div:not(:last-child):before{position:absolute;top:11px;bottom:0;left:4px;width:1px;content:"";background:#e2e8ef}.request-history i{z-index:1;width:9px;height:9px;margin-top:2px;background:#6d9bd9;border:2px solid #eaf2fb;border-radius:50%}.request-history strong,.request-history small{display:block}.request-history strong{color:#62758b;font-size:9px}.request-history small{margin-top:5px;color:#9ca8b6;font-size:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;overflow-y:auto;padding:20px;background:#0a142375;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .18s}.new-request-modal{width:min(590px,100%);padding:23px;background:#fff;border-radius:16px;box-shadow:0 25px 70px #0b1a2f40}.modal-heading,.modal-heading>div{display:flex;align-items:center;justify-content:space-between;gap:11px}.modal-icon{display:grid;place-items:center;width:41px;height:41px;color:#fff;background:var(--blue);border-radius:11px}.modal-heading h2{margin:0;color:#293b52;font-size:17px}.modal-heading p{margin:4px 0 0;color:#96a2b2;font-size:8px}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:23px}.modal-form-grid label{display:flex;flex-direction:column;gap:7px;color:#61738a;font-size:9px;font-weight:600}.modal-form-grid .form-wide{grid-column:1 / -1}.modal-form-grid input,.modal-form-grid select{width:100%;height:40px;padding:0 11px;color:#40546c;background:#fafbfd;border:1px solid #dfe6ee;border-radius:8px;outline:0;font-size:10px}.modal-form-grid input:focus,.modal-form-grid select:focus{background:#fff;border-color:#7aa6e6;box-shadow:0 0 0 3px #edf4fd}.modal-note{display:flex;align-items:center;gap:7px;margin-top:17px;padding:11px;color:#8393a7;background:#f5f8fc;border-radius:8px;font-size:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:21px}.toast{position:fixed;right:25px;bottom:25px;z-index:150;display:flex;align-items:center;gap:10px;max-width:410px;padding:13px 15px;color:#42556d;background:#fff;border:1px solid #dfe7ef;border-radius:11px;box-shadow:0 12px 35px #10223929;font-size:10px;font-weight:600;animation:toast-in .22s}.toast>span{display:grid;place-items:center;width:27px;height:27px;color:#fff;background:#25b486;border-radius:8px}.toast button{display:grid;place-items:center;margin-left:7px;padding:3px;color:#9aa6b4;background:transparent}.page-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:13px 2px 0;color:#a0abba;border-top:1px solid #e3e8ee;font-size:8px}.page-footer span:last-child{display:flex;align-items:center;gap:6px}.page-footer i{width:5px;height:5px;background:#9eabb9;border-radius:50%}.mobile-bottom-nav,.sidebar-overlay{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1400px){.content{padding-right:23px;padding-left:23px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.right-rail{display:grid;grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.allocation-board{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media(max-width:1100px){.sidebar{width:220px}.main-shell{margin-left:220px}.topbar{padding:0 22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-badge{display:none}.map-layout{grid-template-columns:1fr}.map-side-list{display:none}.analytics-grid{grid-template-columns:1fr}}@media(max-width:900px){.sidebar{width:248px;transform:translate(-100%);transition:transform .22s}.sidebar-open{transform:translate(0)}.sidebar-close{display:block}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:block;background:#09132266;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-shell{margin-left:0}.mobile-menu{display:inline-grid;margin-right:10px}.mobile-object-move{display:flex}.topbar{justify-content:flex-start;padding:0 18px}.global-search{width:auto;flex:1}.global-search kbd,.topbar-profile{display:none}.content{padding:23px 18px 85px}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:45;display:flex;align-items:center;justify-content:space-around;height:66px;padding:5px 8px max(5px,env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #dfe5ec;box-shadow:0 -5px 20px #1625390f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-bottom-nav button{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;padding:7px 2px;color:#8c99a9;background:transparent;border-radius:8px;font-size:7px;font-weight:600}.mobile-bottom-nav button.active{color:#3478f6;background:#f0f5fd}.page-footer{margin-bottom:5px}}@media(hover:none),(pointer:coarse){.mobile-object-move{display:flex}.allocation-object,.allocation-object-info,.allocation-object-info strong,.allocation-object-info p,.allocation-object-info small,.drag-handle{cursor:default}.mobile-object-move,.mobile-object-move select{cursor:pointer}}@media(max-width:700px){.topbar{height:61px;padding:0 12px}.global-search input{font-size:10px}.global-search input::placeholder{color:transparent}.global-search:after{content:"Поиск заявок";position:absolute;left:83px;color:#9ba7b8;font-size:10px;pointer-events:none}.global-search:focus-within:after,.global-search:has(input:not(:placeholder-shown)):after{display:none}.topbar-actions{gap:3px}.content{padding:19px 13px 82px}.page-heading{align-items:flex-start;margin-bottom:19px}.page-heading h1{font-size:20px}.page-heading p{max-width:240px;font-size:9px;line-height:1.5}.page-actions{gap:7px}.page-actions .primary-button,.page-actions .secondary-button{min-width:39px;padding:0 11px;font-size:0}.page-actions svg{width:18px;height:18px}.stats-grid{gap:10px}.stat-card{padding:13px 13px 12px}.stat-top{margin-bottom:11px}.stat-icon{width:33px;height:33px}.stat-icon svg{width:18px}.stat-value{font-size:25px}.stat-label{font-size:9px}.stat-note{font-size:7px}.stat-note svg{display:none}.stat-progress{margin:11px -13px -12px}.panel-heading{padding:16px}.requests-heading{flex-direction:column;align-items:flex-start}.requests-heading .view-switch{width:100%}.view-switch button{flex:1;justify-content:center}.filter-row{align-items:flex-start;flex-direction:column;padding:10px 13px}.filter-chips{width:100%}.type-filter{margin-left:4px}.table-wrap{display:none}.mobile-request-list{display:flex;flex-direction:column;gap:10px;padding:12px;background:#f7f9fc}.request-card h4{font-size:13px}.card-vehicle{font-size:10px}.card-location{font-size:9px}.panel-footer{padding:12px 15px}.right-rail{grid-template-columns:1fr}.board-view{grid-template-columns:repeat(4,245px);padding:12px}.map-canvas{min-height:500px}.map-popup{right:12px;bottom:68px;width:220px}.map-legend{right:12px;left:12px;justify-content:center}.map-page-panel>.panel-heading .online-badge{display:none}.team-summary{align-items:flex-start;flex-direction:column;gap:15px}.team-summary .secondary-button{width:100%}.team-grid{grid-template-columns:1fr}.bar-chart{gap:3px;height:210px;padding-right:12px;padding-left:12px}.bar-column small{font-size:5px;transform:rotate(-35deg)}.allocation-intro{align-items:flex-start;flex-wrap:wrap;padding:15px}.allocation-intro p{font-size:8px}.allocation-progress{width:100%;margin-left:0}.allocation-progress>span{text-align:left}.allocation-board{grid-template-columns:1fr}.allocation-column{min-height:0}.allocation-objects{min-height:80px}.mobile-object-move{display:flex}.allocation-footnote{align-items:flex-start;flex-direction:column;gap:7px}.request-drawer{padding:19px 16px 80px}.drawer-description{font-size:9px}.detail-grid{gap:8px}.detail-grid>div{padding:11px}.new-request-modal{padding:18px}.modal-form-grid{grid-template-columns:1fr;gap:11px}.modal-form-grid .form-wide{grid-column:auto}.modal-actions>button{flex:1}.toast{right:12px;bottom:78px;left:12px;max-width:none}.page-footer{align-items:flex-start;flex-direction:column;gap:7px}}@media(max-width:400px){.stats-grid{grid-template-columns:1fr 1fr}.stat-period{display:none}.stat-note{min-height:20px}.mobile-bottom-nav button{font-size:6px}.request-card-top .priority-label{display:none}.detail-grid{grid-template-columns:1fr}.detail-grid .detail-wide{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.auth-boot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100vh;color:#7b8ba1;background:#f4f7fb;font-size:12px}.auth-boot img{width:58px;height:58px;border-radius:16px;box-shadow:0 10px 25px #2866be2e}.sidebar-logout{display:grid;place-items:center;padding:6px;color:#71839e;background:transparent;border-radius:7px}.sidebar-logout:hover{color:#fff;background:#ffffff12}.topbar-profile{background:transparent;cursor:pointer}.topbar-profile:hover{color:#3478f6}.login-page{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(560px,1.05fr);min-height:100vh;background:#f4f7fb}.login-showcase{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:100vh;padding:42px 52px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(31,139,210,.26),transparent 35%),linear-gradient(145deg,#0a172b,#0f2a4c 56%,#0b3b60)}.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px}.login-brand img{width:46px;height:46px;border-radius:13px;box-shadow:0 7px 20px #1976d740}.login-brand>div{display:flex;flex-direction:column}.login-brand strong{font-size:21px;font-weight:800;line-height:1;letter-spacing:.09em}.login-brand span{margin-top:6px;color:#89a4c4;font-size:9px;font-weight:700;letter-spacing:.15em}.login-showcase-content{position:relative;z-index:2;max-width:510px;margin:auto 0;padding:60px 0}.login-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#60dbc0;font-size:9px;font-weight:700;letter-spacing:.12em}.login-showcase h1{margin:23px 0 20px;font-size:clamp(37px,4vw,57px);font-weight:700;line-height:1.13;letter-spacing:-.045em}.login-showcase-content>p{max-width:440px;margin:0;color:#a4bad3;font-size:14px;line-height:1.75}.login-benefits{display:flex;flex-direction:column;gap:15px;margin-top:37px}.login-benefits>div{display:flex;align-items:center;gap:11px;color:#d2deec;font-size:11px}.login-benefits span{display:grid;place-items:center;width:27px;height:27px;color:#62d9bc;background:#4dd5b51a;border:1px solid rgba(99,221,192,.15);border-radius:8px}.login-security-note{position:relative;z-index:2;display:flex;align-items:center;gap:11px;color:#7492b2;font-size:9px;line-height:1.65}.login-glow{position:absolute;width:370px;height:370px;border:1px solid rgba(87,179,218,.07);border-radius:50%}.glow-one{right:-170px;bottom:4%;box-shadow:0 0 0 55px #4ca0cc06,0 0 0 110px #4ca0cc05}.glow-two{top:-240px;left:-200px;box-shadow:0 0 0 65px #4ca0cc05}.login-main{display:grid;place-items:center;min-height:100vh;padding:35px}.login-box{width:min(570px,100%);padding:29px 31px 22px;background:#fff;border:1px solid #e4eaf1;border-radius:19px;box-shadow:0 18px 55px #1c304d14}.login-heading{display:flex;align-items:center;gap:13px;padding-bottom:22px;border-bottom:1px solid #edf1f5}.login-heading-icon{display:grid;place-items:center;width:44px;height:44px;color:#fff;background:linear-gradient(145deg,#3d8cf5,#2671d6);border-radius:12px;box-shadow:0 5px 13px #3478f62e}.login-heading h2{margin:0;color:#1e3048;font-size:19px;letter-spacing:-.025em}.login-heading p{margin:5px 0 0;color:#8b9aad;font-size:9px}.qr-section{display:flex;align-items:center;gap:25px;padding:25px 0 21px}.qr-frame{position:relative;display:grid;flex-shrink:0;place-items:center;width:212px;height:212px;overflow:hidden;background:#fff;border:1px solid #e2e8ef;border-radius:15px;box-shadow:0 4px 15px #1a2f4b0b}.qr-frame svg{display:block;max-width:100%;height:auto}.qr-not-configured{display:flex;flex-direction:column;align-items:center;gap:12px;color:#8da0b5;font-size:10px;line-height:1.6;text-align:center}.qr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#425c79;background:#f8fafdf0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qr-overlay strong{font-size:12px}.qr-instructions{flex:1}.qr-instructions h3{margin:0 0 16px;color:#30455e;font-size:14px}.qr-instructions ol{display:flex;flex-direction:column;gap:13px;margin:0;padding:0;list-style:none}.qr-instructions li{display:flex;align-items:center;gap:9px;color:#75879c;font-size:9px;line-height:1.4}.qr-instructions li span{display:grid;flex-shrink:0;place-items:center;width:22px;height:22px;color:#5281ba;background:#edf4fd;border-radius:7px;font-size:8px;font-weight:700}.qr-instructions>p{color:#7d8fa4;font-size:10px;line-height:1.65}.telegram-open-link{display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:#3478d7;font-size:10px;font-weight:700;text-decoration:none}.telegram-open-link:hover{color:#195da9}.login-waiting{display:flex;align-items:center;gap:8px;padding:11px 13px;color:#52749c;background:#f0f6fd;border:1px solid #e0ebf8;border-radius:9px;font-size:9px}.login-waiting small{margin-left:auto;color:#7292b7;font-size:9px;font-weight:700}.manual-login{margin-top:17px;padding:15px;background:#f8fafc;border:1px solid #e9edf2;border-radius:11px}.manual-title{display:flex;align-items:center;gap:7px;color:#5b6f87;font-size:9px;font-weight:700}.manual-login>p{margin:7px 0 10px;color:#98a4b3;font-size:8px}.login-code{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 13px;color:#2f5f97;background:#fff;border:1px dashed #b7cbe1;border-radius:8px}.login-code:hover{border-color:#6e9fd7;background:#fbfdff}.login-code code{font-family:Segoe UI,monospace;font-size:12px;font-weight:600;letter-spacing:.04em}.login-code svg{color:#6c93bf}.manual-login>small{display:block;margin-top:7px;color:#a0abba;font-size:7px;text-align:center}.login-footer-security{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:19px;padding-top:17px;color:#9ca8b7;border-top:1px solid #edf1f5;font-size:8px}.login-loading,.login-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:390px;color:#5c88c0;text-align:center}.login-loading strong{margin-top:17px;color:#4a617c;font-size:12px}.login-loading span{margin-top:7px;color:#9ba8b8;font-size:9px}.login-error-state h3{margin:14px 0 6px;color:#4a5e77;font-size:14px}.login-error-state p{max-width:340px;margin:0 0 17px;color:#97a4b4;font-size:9px;line-height:1.6}.login-denied-message{display:flex;align-items:center;gap:7px;margin-top:12px;padding:10px;color:#c65c68;background:#fff2f3;border-radius:8px;font-size:8px}.demo-login-area{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-top:14px;border-top:1px solid #edf1f5}.demo-login-area>span{color:#9ca8b7;font-size:8px}.demo-login-area button{display:flex;align-items:center;gap:6px;padding:7px 9px;color:#6c7f95;background:#f3f6fa;border-radius:7px;font-size:8px;font-weight:600}.demo-login-area button:hover{color:#3478d7;background:#edf4fd}.spin{animation:login-spin 1s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.login-page{grid-template-columns:minmax(340px,.8fr) minmax(530px,1.2fr)}.login-showcase{padding:35px}.login-main{padding:25px}}@media(max-width:900px){.login-page{display:block}.login-showcase{min-height:auto;padding:25px 28px 30px}.login-showcase-content{margin:0;padding:42px 0 10px}.login-showcase h1{margin:15px 0 12px;font-size:35px}.login-showcase-content>p{font-size:11px}.login-benefits,.login-security-note{display:none}.login-main{min-height:auto;padding:26px 20px 35px}}@media(max-width:560px){.login-showcase{padding:21px 20px 25px}.login-brand img{width:40px;height:40px}.login-showcase-content{padding-top:30px}.login-showcase h1{font-size:29px}.login-eyebrow{font-size:7px}.login-main{padding:17px 12px 27px}.login-box{padding:21px 17px 18px;border-radius:15px}.login-heading h2{font-size:17px}.qr-section{flex-direction:column;gap:19px}.qr-frame{width:202px;height:202px}.qr-instructions{width:100%}.qr-instructions h3{margin-bottom:13px;text-align:center}.qr-instructions ol{width:fit-content;margin:0 auto}.telegram-open-link{display:flex;justify-content:center}.qr-instructions>.primary-button{width:100%}.demo-login-area{align-items:flex-start;flex-direction:column}.demo-login-area button{width:100%;justify-content:center}.login-footer-security{font-size:7px}}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-picker{grid-column:1 / -1;padding:14px;background:#f6f9fd;border:1px solid #e2eaf4;border-radius:12px}.avatar-picker-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;color:#42566f;font-size:11px;font-weight:700}.avatar-picker-heading small{color:#8797aa;font-size:9px;font-weight:400}.avatar-choice-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.avatar-choice-grid button{position:relative;overflow:hidden;aspect-ratio:1;padding:0;background:#e6edf5;border:2px solid transparent;border-radius:12px;transition:transform .15s,border-color .15s,box-shadow .15s}.avatar-choice-grid button:hover{transform:translateY(-2px);border-color:#9dbff0}.avatar-choice-grid button.selected{border-color:#3478f6;box-shadow:0 0 0 3px #3478f61f}.avatar-choice-grid img{width:100%;height:100%;object-fit:cover}.avatar-choice-grid button>span{position:absolute;right:3px;bottom:3px;display:grid;place-items:center;width:19px;height:19px;color:#fff;background:#3478f6;border:2px solid white;border-radius:50%}.avatar-upload{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;padding:10px;color:#3976bd;background:#fff;border:1px dashed #b8cde5;border-radius:9px;font-size:10px;font-weight:600;cursor:pointer}.avatar-upload input{position:absolute;width:1px;height:1px;opacity:0}.custom-avatar-preview{display:flex;align-items:center;gap:8px;margin-top:10px;color:#698096;font-size:9px}.custom-avatar-preview img{width:32px;height:32px;object-fit:cover;border-radius:8px}.avatar-upload-error{margin:8px 0 0;color:#c84f5d;font-size:9px}.employee-avatar-edit{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #edf1f5}.employee-avatar-edit button{flex:1;padding:8px;color:#4d77a7;background:#f3f7fc;border-radius:8px;font-size:9px}.logist-avatar{overflow:hidden}.logist-avatar img{width:100%;height:100%;object-fit:cover}@media(max-width:480px){.avatar-choice-grid{grid-template-columns:repeat(3,1fr)}}.approvals-page{display:flex;flex-direction:column;gap:18px}.approval-security-note{display:flex;align-items:center;gap:13px;padding:17px 19px;color:#2c5d90;background:linear-gradient(120deg,#edf5ff,#f3f9ff);border:1px solid #d8e7f8;border-radius:14px}.approval-security-note>svg{flex-shrink:0}.approval-security-note strong{display:block;font-size:12px}.approval-security-note p{margin:4px 0 0;color:#7490ae;font-size:9px;line-height:1.5}.approval-security-note>span{margin-left:auto;padding:6px 9px;color:#9a6719;background:#fff4dc;border-radius:7px;font-size:9px;font-weight:700;white-space:nowrap}.approval-section{padding:19px;background:#fff;border:1px solid #e4eaf1;border-radius:14px;box-shadow:var(--shadow)}.approval-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.approval-section-heading h2{margin:0;color:#2b3c52;font-size:14px}.approval-section-heading p{margin:4px 0 0;color:#93a1b1;font-size:9px}.approval-section-heading>b{display:grid;place-items:center;min-width:25px;height:25px;color:#9b6a20;background:#fff2d9;border-radius:8px;font-size:10px}.approval-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.approval-card{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#fbfcfe;border:1px solid #e5ebf2;border-radius:12px}.approval-card-icon{display:grid;flex-shrink:0;place-items:center;width:38px;height:38px;border-radius:10px}.approval-card-icon.access{color:#527fd0;background:#eaf2ff}.approval-card-icon.action{color:#7d67c5;background:#f0ecfc}.approval-card-body{flex:1;min-width:0}.approval-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.approval-card-title>div>span{color:#96a3b3;font-size:8px}.approval-card-title h3{margin:3px 0 0;color:#40536b;font-size:11px;line-height:1.4}.approval-card-body>p{margin:8px 0 0;color:#8796a8;font-size:9px}.approval-card-body>small{display:block;margin-top:9px;color:#718399;font-size:9px}.decision-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:6px;font-size:7px;font-weight:700;white-space:nowrap}.decision-badge.pending{color:#a16b16;background:#fff3dc}.decision-badge.approved{color:#168362;background:#e8f8f1}.decision-badge.rejected{color:#bf5360;background:#fff0f1}.approval-actions,.access-decision{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.approval-actions button,.access-decision button{flex:1;min-height:32px;padding:7px 9px;font-size:8px}.access-decision select{flex-basis:100%;height:34px;padding:0 9px;color:#536981;background:#fff;border:1px solid #dfe7f1;border-radius:8px;font-size:9px}.approval-empty{display:flex;flex-direction:column;align-items:center;padding:26px;color:#a1afbe;text-align:center}.approval-empty strong{margin:9px 0 4px;color:#64768c;font-size:11px}.approval-empty span{font-size:9px}@media(max-width:1000px){.approval-list{grid-template-columns:1fr}}@media(max-width:700px){.approval-security-note{align-items:flex-start}.approval-security-note>span{display:none}.approval-section{padding:15px}.approval-card{padding:12px}.approval-card-title{flex-direction:column}}