@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;800&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#192638;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}.shell{min-height:100vh}.layout{max-width:1370px;margin:auto;padding:0 36px}.top{height:80px;display:flex;align-items:center;border-bottom:1px solid #e7ebf1;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:#295097;color:#fff;border-radius:11px}.brand{display:flex;flex-direction:column;gap:3px}.brand strong{font-size:15px;letter-spacing:-.35px}.brand span,.user span{font-size:11px;color:#8090a2}.head-right{margin-left:auto;display:flex;align-items:center;gap:12px}.demo{font-size:11px;color:#64748b;background:#eef2f8;border:1px solid #e3eaf3;border-radius:20px;padding:7px 11px}.avatar{height:36px;width:36px;border-radius:50%;background:#e6edf8;color:#295097;display:grid;place-items:center;font-weight:700;font-size:12px}.user{display:flex;flex-direction:column;gap:2px}.user strong{font-size:12px}.intro{display:flex;justify-content:space-between;align-items:center;margin:38px 0 27px;gap:16px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#4e71aa}.intro h1{font-size:27px;letter-spacing:-1px;margin:8px 0;font-weight:700}.intro p,.table-title p,.frequency-head p{margin:0;color:#768496;font-size:13px;line-height:1.6}.today-date{display:flex;align-items:center;gap:8px;font-size:12px;color:#62718a;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat{text-align:left;border:1px solid #e7ebf1;border-radius:13px;background:#fff;padding:21px;min-width:0;transition:border-color .2s,transform .2s;box-shadow:0 3px 12px #1c3b6905}.stat:hover{border-color:#9fb5dd;transform:translateY(-1px)}.stat.selected{border-color:#295097;box-shadow:0 0 0 2px #29509716}.stat-head{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#748296;font-size:11px;font-weight:600}.stat-head svg{color:#91a6c1;flex-shrink:0}.stat strong{display:block;font-size:31px;font-weight:700;letter-spacing:-1.5px;margin:15px 0 4px}.stat small{color:#9aa4b2;font-size:10px}.frequency-panel,.table-panel{border:1px solid #e7ebf1;background:#fff;border-radius:14px;box-shadow:0 3px 12px #1c3b6905}.frequency-panel{margin-top:22px;padding:24px}.frequency-head{display:flex;gap:12px;align-items:flex-start}.small-icon{width:38px;height:38px;background:#edf3fe;border-radius:10px;color:#295097;display:grid;place-items:center;flex-shrink:0}.frequency-head h2,.table-title h2{font-size:15px;letter-spacing:-.3px;margin:2px 0 7px}.frequency-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:21px 0 14px}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.pill-group button{background:#f4f6fa;border:1px solid #e5ebf3;color:#50627a;border-radius:8px;font-size:12px;font-weight:600;padding:11px 19px}.pill-group button.active{background:#295097;border-color:#295097;color:#fff}.custom{display:flex;align-items:center;gap:9px;font-size:12px;color:#718095}.custom input{width:90px;border:1px solid #e2e8f0;border-radius:8px;padding:10px 11px;outline:none}.custom input:focus,.search:focus-within{border-color:#7f9dd1}.frequency-note{font-size:11px;color:#8692a3}.frequency-note b{color:#295097}.table-panel{margin-top:22px;overflow:hidden}.table-title{padding:23px 24px 17px;display:flex;justify-content:space-between;gap:12px;align-items:center}.result-count{font-size:11px;background:#f2f5f9;color:#63758e;padding:8px 11px;border-radius:7px;white-space:nowrap}.filters{display:flex;gap:9px;padding:0 24px 20px;flex-wrap:wrap}.search{flex:1;min-width:210px;display:flex;align-items:center;gap:9px;color:#8190a2;border:1px solid #e3e9f1;padding:0 12px;border-radius:8px}.search input{border:0;outline:none;width:100%;height:40px;font-size:12px}.filters select,.secondary{border:1px solid #e3e9f1;background:#fff;border-radius:8px;color:#596a7e;padding:0 13px;font-size:12px;height:42px}.secondary{display:flex;align-items:center;gap:7px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:950px}th{background:#f8fafc;color:#7f8b9c;font-size:9px;letter-spacing:.55px;font-weight:700;padding:15px 18px;white-space:nowrap;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}th:first-child,td:first-child{padding-left:24px}th button{border:0;background:transparent;color:inherit;font-weight:inherit;font-size:inherit;letter-spacing:inherit;display:flex;align-items:center;gap:5px;padding:0}td{padding:15px 18px;border-bottom:1px solid #f0f2f6;font-size:11px;color:#69778a;white-space:nowrap}tbody tr:hover{background:#fafcff}.client{max-width:290px;display:flex;flex-direction:column;gap:5px}.client strong{color:#26364c;font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis}.client span{color:#9aa6b5;font-size:10px;overflow:hidden;text-overflow:ellipsis}.nums{font-variant-numeric:tabular-nums}.status{display:inline-flex;padding:6px 9px;border-radius:6px;font-size:10px;font-weight:650}.status.late{color:#b24040;background:#fff1f1}.status.today{color:#99630b;background:#fff5e1}.status.ok{color:#228165;background:#eaf8f1}.status.missing{color:#667085;background:#f1f3f5}.empty{text-align:center;padding:45px 20px;color:#788699;font-size:12px}.pagination{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;color:#8894a4;font-size:11px;gap:12px}.pagination>div{display:flex;align-items:center;gap:12px}.pagination button{width:29px;height:29px;background:#fff;border:1px solid #e5e9ef;border-radius:7px;display:grid;place-items:center;color:#526785}footer{padding:23px 0 35px;color:#a0acb9;font-size:10px;text-align:center}@media(max-width:900px){.layout{padding:0 20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.intro h1{font-size:24px}}@media(max-width:560px){.layout{padding:0 14px}.top{height:70px}.demo,.user,.today-date{display:none}.intro{margin:27px 0 20px}.intro h1{font-size:23px}.stat{padding:15px}.stat strong{font-size:26px}.stat-head{font-size:10px}.frequency-panel{padding:17px}.pill-group{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.pill-group button{padding:11px 3px;font-size:11px}.table-title{padding:18px}.filters{padding:0 18px 15px}.filters select{flex:1}.pagination{padding:15px}.pagination>div{gap:7px}}.filters{display:grid;grid-template-columns:1fr 1.4fr 1.2fr 1fr 1.2fr auto;align-items:stretch;gap:9px}.filters .search{min-width:0}.filters .filter-input{min-width:0;width:100%;height:42px;border:1px solid #e3e9f1;border-radius:8px;background:#fff;padding:0 13px;color:#26364c;font-size:12px;outline:none}.filters .filter-input:focus{border-color:#7f9dd1}.filters select{width:100%;min-width:0}.filters .secondary{white-space:nowrap;justify-content:center}@media(max-width:1160px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters .id-search{grid-column:1/-1}.filters select{flex:auto}}@media(max-width:400px){.filters{grid-template-columns:1fr}.filters .id-search{grid-column:auto}}.filters select{padding-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none}.filters select:focus{border-color:#7f9dd1}.sync-bar{margin:-12px 0 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#65758b}.sync-bar .secondary{padding:10px 13px;height:auto}.logout{font-size:11px;border:0;background:transparent;color:#295097;padding:0;text-align:left}.api-error{color:#a72d2d;background:#fff0f0;border:1px solid #f6d8d8;padding:12px 14px;border-radius:9px;margin:12px 0;font-size:12px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{background:#fff;border:1px solid #e4e9f0;box-shadow:0 10px 40px #1c3b6911;border-radius:15px;padding:34px;width:min(100%,390px)}.auth-card h1{font-size:23px;margin:18px 0 8px}.auth-card p{font-size:12px;color:#768496;margin-bottom:25px}.auth-card label{display:flex;flex-direction:column;font-size:12px;gap:7px;margin:14px 0;font-weight:600}.auth-card input{height:42px;border:1px solid #dbe3ed;border-radius:8px;padding:0 12px;outline:none}.auth-card input:focus{border-color:#295097}.auth-submit{width:100%;border:0;border-radius:8px;color:#fff;background:#295097;padding:13px;font-weight:600;margin-top:9px}@media(max-width:560px){.sync-bar{align-items:flex-start;flex-direction:column}}.app-nav{display:flex;gap:8px;margin:16px 0 0;border-bottom:1px solid #e7ebf1;padding-bottom:12px}.app-nav button{display:flex;gap:8px;align-items:center;background:transparent;color:#6b7890;border:1px solid transparent;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:650}.app-nav button.nav-active{color:#295097;background:#eaf0f9}.nav-number{background:#295097;color:#fff;border-radius:10px;padding:2px 6px;font-size:10px}.route-section{padding:30px 0}.route-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.route-heading h1{font-size:26px;margin:8px 0}.route-heading p,.route-card p{font-size:12px;color:#7d899a}.route-card{padding:23px;border:1px solid #e7ebf1;background:#fff;border-radius:14px;margin:0 0 17px}.route-card h2{font-size:16px;margin:0 0 10px}.route-form-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.route-form-top label{display:flex;align-items:center;gap:12px;color:#677589;font-size:12px}.route-form-top input{border:1px solid #dde6f0;padding:9px;border-radius:7px}.route-selection{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef1f5;margin-top:20px;padding-top:15px;color:#586b81;font-size:12px}.primary-action{display:flex;gap:8px;align-items:center;background:#295097;color:#fff;border:0;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:600}.route-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}.route-pick{display:flex;justify-content:space-between;gap:8px;border:1px solid #e7ebf1;border-radius:9px;padding:12px;min-width:0}.route-pick span{display:flex;flex-direction:column;gap:4px;min-width:0}.route-pick strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-pick small{font-size:10px;color:#8795a8}.route-pick button{border:0;background:transparent;color:#758296}.route-hint{grid-column:1/-1;margin:12px 0}.saved-route{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #eef1f5}.saved-route>div{display:flex;flex-direction:column;gap:6px;min-width:0}.saved-route strong{font-size:13px}.saved-route small{font-size:11px;color:#7b899b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-add{display:flex;align-items:center;gap:5px;border:1px solid #d5e0ee;background:#fff;color:#295097;border-radius:7px;padding:7px 9px;font-size:10px;white-space:nowrap}.route-add.chosen{background:#edf4ff}.route-floating{display:flex;justify-content:space-between;align-items:center;margin:10px 0;background:#eaf0f9;border:1px solid #d6e4f4;border-radius:9px;padding:10px 15px}.route-floating span{display:flex;gap:7px;align-items:center;font-size:12px;color:#295097}.route-floating button{border:0;border-radius:7px;background:#295097;color:#fff;font-size:11px;padding:9px 12px}table{min-width:1100px}@media(max-width:700px){.route-picks{grid-template-columns:1fr}.route-form-top{flex-direction:column;align-items:flex-start}.route-floating{gap:8px}.route-floating span{font-size:10px}}.saved-route-block{border-top:1px solid #eef1f5}.saved-route-block .saved-route{border-top:0;flex-wrap:wrap}.route-detail{padding:6px 0 14px}.route-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.route-actions small{font-size:11px;color:#718096}.route-visit{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:12px;align-items:center;border-top:1px solid #eef1f5;padding:12px 0}.route-visit>div:first-child{display:flex;flex-direction:column;gap:3px}.route-visit strong{font-size:12px}.route-visit small{font-size:10px;color:#8190a1}.visit-buttons{display:flex;gap:5px}.visit-buttons button{border:1px solid #d5e0ee;background:#fff;border-radius:7px;padding:8px;color:#295097;font-size:10px;white-space:nowrap}.visit-buttons button:disabled{opacity:.5}.route-chip{display:block;width:max-content;margin-top:4px;background:#fff5e1;color:#99630b;border-radius:5px;padding:3px 6px;font-size:9px}.route-chip.done{background:#eaf8f1;color:#228165}.route-add:disabled{opacity:.55;cursor:not-allowed}@media(max-width:1000px){.route-visit{grid-template-columns:1fr auto}.visit-buttons{grid-column:1/-1;flex-wrap:wrap}}