@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#1d2939;background:#f7f8fc;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{min-width:1180px;min-height:100vh;display:flex}.sidebar{z-index:2;background:#fff;border-right:1px solid #e4e7ec;flex-direction:column;width:280px;padding:28px 17px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#1d2939;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:7px 12px;font:700 23px inherit;display:flex}.brand-mark{background:#465fff;border-radius:8px;justify-content:center;align-items:flex-end;gap:3px;width:31px;height:31px;padding-bottom:7px;display:flex}.brand-mark span{background:#fff;border-radius:3px;width:3px}.brand-mark span:first-child{height:7px}.brand-mark span:nth-child(2){height:12px}.brand-mark span:nth-child(3){height:17px}.workspace{text-align:left;color:#1d2939;cursor:pointer;background:#fff;border:1px solid #e4e7ec;border-radius:8px;align-items:center;gap:9px;margin:30px 6px 20px;padding:10px;display:flex}.workspace-avatar,.profile-avatar,.header-avatar{color:#fff;background:#7f56d9;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.workspace>span:nth-child(2),.profile>span:nth-child(2){flex:1}.workspace b,.workspace small,.profile b,.profile small,.sync b,.sync small{display:block}.workspace b{font-size:11px}.workspace small,.profile small,.sync small{color:#98a2b3;margin-top:3px;font-size:10px}.workspace>svg{color:#98a2b3}.nav-group{letter-spacing:.7px;color:#98a2b3;text-transform:uppercase;margin:22px 13px 7px;font-size:10px}.nav-item{color:#667085;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;height:42px;margin:2px 0;padding:0 12px;font:500 13px inherit;display:flex}.nav-item:hover,.nav-item.active{color:#465fff;background:#eef4ff}.nav-item.active{font-weight:600}.nav-item em{background:#dbe5ff;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.sidebar-footer{margin-top:auto}.sync{color:#12b76a;background:#ecfdf3;border-radius:7px;align-items:flex-start;gap:8px;padding:10px;display:flex}.sync b{color:#344054;font-size:11px}.profile{color:#98a2b3;border-top:1px solid #eaecf0;align-items:center;gap:9px;margin-top:15px;padding:15px 5px 0;display:flex}.profile b{color:#344054;font-size:12px}.main{width:calc(100% - 280px);min-width:900px;margin-left:280px}.topbar{background:#fff;border-bottom:1px solid #eaecf0;align-items:center;height:74px;padding:0 clamp(30px,4vw,56px);display:flex}.search-box{color:#98a2b3;border:1px solid #d0d5dd;border-radius:7px;align-items:center;gap:9px;width:332px;height:40px;padding:0 11px;font-size:12px;display:flex}.search-box kbd{color:#98a2b3;background:#f2f4f7;border-radius:4px;margin-left:auto;padding:3px 5px;font:10px inherit}.top-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.icon-button{color:#667085;cursor:pointer;background:#fff;border:0;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:#f2f4f7}.notification{position:relative}.notification:after{content:"";background:#f04438;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.bar-divider{background:#eaecf0;width:1px;height:25px;margin:0 3px}.header-avatar{background:#f79009}.account{color:#344054;background:#fff;border:0;align-items:center;gap:5px;font:600 12px inherit;display:flex}.page-wrap{max-width:1540px;margin:auto;padding:31px clamp(30px,4vw,56px) 50px}.breadcrumb{color:#98a2b3;height:17px;margin-bottom:14px;font-size:11px}.page-title{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.page-title h1{letter-spacing:-.5px;margin:0;font-size:25px}.page-title p{color:#667085;margin:8px 0 0;font-size:12px}.title-actions{gap:8px;display:flex}.button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 14px;font:600 12px inherit;display:inline-flex}.button.primary{color:#fff;background:#465fff;border-color:#465fff}.button.secondary{color:#344054;border-color:#d0d5dd}.button.ghost{color:#667085;border-color:#0000}.button.small{height:34px;padding:0 11px}.full{width:100%;margin-top:19px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:17px;display:grid}.stat-card{background:#fff;border:1px solid #eaecf0;border-radius:8px;padding:18px}.stat-card>div{color:#667085;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-card strong{letter-spacing:-.7px;margin:17px 0 8px;font-size:25px;display:block}.stat-card strong small{color:#667085;font-size:12px;font-weight:500}.stat-card p{color:#98a2b3;margin:0;font-size:10px}.stat-card p.positive{color:#12b76a}.stat-card p.positive span{color:#98a2b3;margin-left:5px}.stat-icon{border-radius:7px;width:32px;height:32px;padding:7px}.blue{color:#465fff;background:#eef4ff}.purple{color:#7a5af8;background:#f4f3ff}.green{color:#12b76a;background:#ecfdf3}.orange{color:#f79009;background:#fff6ed}.two-col{grid-template-columns:1.5fr 1fr;gap:17px;display:grid}.panel{background:#fff;border:1px solid #eaecf0;border-radius:8px;padding:20px}.panel.no-pad{padding:0;overflow:hidden}.panel-title{justify-content:space-between;align-items:flex-start;display:flex}.panel-title h3,.table-toolbar h3,.results-heading h3{margin:0;font-size:14px}.panel-title p,.table-toolbar p,.results-heading p{color:#98a2b3;margin:5px 0 0;font-size:11px}.text-link{color:#465fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font:500 11px inherit;display:inline-flex}.segmented{background:#f2f4f7;border-radius:6px;padding:3px;display:flex}.segmented button{color:#667085;background:0 0;border:0;border-radius:4px;padding:5px 9px;font:10px inherit}.segmented .selected{color:#344054;background:#fff;box-shadow:0 1px 2px #1018281a}.legend{text-align:right;color:#667085;margin-top:21px;font-size:10px}.legend i{background:#465fff;border-radius:50%;width:7px;height:7px;margin:0 5px 0 13px;display:inline-block}.legend i+i{background:#12b76a}.chart{height:180px;margin-top:4px;display:flex}.axis-labels{color:#98a2b3;flex-direction:column;justify-content:space-between;width:38px;padding:4px 9px 21px 0;font-size:10px;display:flex}.chart-svg{background:repeating-linear-gradient(#0000 0 38px,#f2f4f7 39px);flex:1}.chart-svg svg{width:100%;height:157px;display:block}.chart-months{color:#98a2b3;justify-content:space-between;font-size:10px;display:flex}.ranking-list{margin-top:9px}.ranking-list>div{border-bottom:1px solid #f2f4f7;grid-template-columns:22px 1fr auto 40px;align-items:center;gap:9px;padding:11px 0;display:grid}.ranking-list>div:last-child{border:0}.rank-number{color:#667085;background:#f2f4f7;border-radius:4px;place-items:center;height:21px;font-size:10px;display:grid}.rank-number.r0{color:#b54708;background:#fef0c7}.rank-number.r2{color:#c4320a;background:#fef3f2}.ranking-list span strong{font-size:11px;display:block}.ranking-list span small{color:#98a2b3;margin-top:3px;font-size:9px;display:block}.ranking-list>div>b:not(.rank-number){font-size:11px}.ranking-list em{color:#12b76a;font-size:10px;font-style:normal}.ranking-list em.negative{color:#f04438}.filter-row{background:#fff;border:1px solid #eaecf0;border-radius:8px;align-items:flex-end;gap:14px;min-height:78px;margin-bottom:17px;padding:14px 16px;display:flex}.filter-row label{color:#667085;font-size:10px}.filter-row label button,.select-control{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:6px;justify-content:space-between;align-items:center;min-width:145px;height:36px;margin-top:6px;padding:0 10px;font:12px inherit;display:flex}.filter-row>span{flex:1}.champion{background:linear-gradient(110deg,#eef4ff,#f8faff);border:1px solid #dbe5ff;border-radius:8px;justify-content:space-between;align-items:center;min-height:172px;margin-bottom:17px;padding:27px 35px;display:flex}.champion>div>span{color:#465fff;background:#dbe5ff;border-radius:12px;padding:5px 8px;font-size:10px;display:inline-block}.champion h2{margin:12px 0 7px;font-size:21px}.champion p{color:#667085;margin:0 0 12px;font-size:12px}.champion p b{color:#344054}.score{border:10px solid #c7d7fe;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:116px;height:116px;margin-right:22px;display:flex;box-shadow:inset 0 0 0 9px #edf3ff}.score small,.score em{color:#667085;font-size:9px;font-style:normal}.score>b{color:#465fff;font-size:27px;line-height:1.1}.score em{color:#465fff;font-weight:700}.table-toolbar{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.mini-search{color:#98a2b3;border:1px solid #d0d5dd;border-radius:6px;align-items:center;gap:7px;min-width:200px;height:36px;padding:0 10px;font-size:11px;display:flex}.mini-search.grow{flex:1;min-width:280px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:790px}th{color:#667085;text-align:left;background:#f9fafb;padding:12px 18px;font-size:10px;font-weight:500}td{color:#475467;white-space:nowrap;border-top:1px solid #eaecf0;padding:13px 18px;font-size:11px}td b{color:#344054}td small{color:#98a2b3;margin-top:4px;font-size:10px;display:block}td button{color:#465fff;cursor:pointer;background:0 0;border:0;margin-right:8px;font:11px inherit}.table-rank{border-radius:4px;place-items:center;width:22px;height:22px;font-weight:600;display:grid}.rank-0{color:#b54708;background:#fef0c7}.rank-1{background:#f2f4f7}.rank-2{color:#c4320a;background:#fef3f2}.positive{color:#12b76a}.negative{color:#f04438}.pagination{color:#667085;border-top:1px solid #eaecf0;align-items:center;gap:5px;padding:13px 19px;font-size:11px;display:flex}.pagination span{margin-right:auto}.pagination button{color:#667085;background:#fff;border:1px solid #d0d5dd;border-radius:5px;place-items:center;width:26px;height:26px;display:grid}.pagination button.page-active{color:#fff;background:#465fff;border-color:#465fff}.query-layout{grid-template-columns:252px 1fr;gap:17px;display:grid}.query-filter{padding:18px}.query-filter label{color:#344054;border-top:1px solid #f2f4f7;margin-top:16px;padding-top:15px;font-size:11px;font-weight:600;display:block}.input-like{color:#98a2b3;border:1px solid #d0d5dd;border-radius:6px;align-items:center;gap:7px;height:37px;margin-top:8px;padding:0 9px;font-size:10px;font-weight:400;display:flex}.query-filter .select-control{width:100%;margin-top:7px;font-size:10px;font-weight:400}.select-control.disabled{color:#98a2b3}.tag-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag-row button{color:#667085;cursor:pointer;background:#f9fafb;border:1px solid #eaecf0;border-radius:5px;padding:6px 8px;font:10px inherit}.tag-row button.selected{color:#465fff;background:#eef4ff;border-color:#c7d7fe}.results-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.results-heading h3 b{color:#465fff;background:#eef4ff;border-radius:10px;padding:2px 6px;font-size:10px}.results-heading>div:last-child{gap:6px;display:flex}.square-button{color:#667085;background:#fff;border:1px solid #d0d5dd;border-radius:6px;place-items:center;width:34px;height:34px;display:inline-grid}.square-button.active{color:#465fff;background:#eef4ff;border-color:#c7d7fe}.vehicle-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:13px;display:grid}.vehicle-card{cursor:pointer;background:#fff;border:1px solid #eaecf0;border-radius:8px;transition:all .2s;overflow:hidden}.vehicle-card:hover{transform:translateY(-2px);box-shadow:0 10px 18px #10182812}.vehicle-photo{height:124px;position:relative}.vehicle-photo img{object-fit:cover;width:100%;height:100%}.vehicle-photo span{color:#027a48;background:#ecfdf3;border-radius:4px;padding:3px 6px;font-size:9px;position:absolute;top:9px;left:9px}.vehicle-card>div:last-child{padding:12px}.vehicle-card h3{margin:0;font-size:12px}.vehicle-card p{color:#98a2b3;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 11px;font-size:9px;overflow:hidden}.vehicle-card footer{border-top:1px solid #f2f4f7;justify-content:space-between;padding-top:9px;display:flex}.vehicle-card footer span{color:#98a2b3;font-size:9px}.vehicle-card footer b{color:#475467;margin-top:3px;font-size:10px;display:block}.tabs{border-bottom:1px solid #eaecf0;align-items:center;gap:22px;height:61px;padding:0 20px;display:flex}.tabs button{color:#667085;background:#fff;border:0;height:61px;font:11px inherit}.tabs button.selected{color:#465fff;border-bottom:2px solid #465fff;font-weight:600}.tabs button b{color:#667085;background:#f2f4f7;border-radius:10px;padding:2px 5px;font-size:9px}.tabs .mini-search{margin-left:auto}.progress{background:#eaecf0;border-radius:4px;width:76px;height:5px;overflow:hidden}.progress i{background:#465fff;border-radius:4px;height:100%;display:block}.feedback-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.feedback-banner{background:linear-gradient(135deg,#eef4ff,#f9f5ff);border:1px solid #dbe5ff;border-radius:8px;min-height:330px;padding:33px;position:relative;overflow:hidden}.feedback-banner>svg{color:#465fff}.feedback-banner h2{margin:17px 0 9px;font-size:22px}.feedback-banner p{color:#667085;font-size:12px}.abstract-person{width:155px;height:130px;position:absolute;bottom:0;right:52px}.abstract-person i{background:#465fff;border-radius:35px 35px 5px 5px;width:65px;height:104px;position:absolute;bottom:-15px;left:41px}.abstract-person b{background:#f8c6ae;border-radius:50%;width:39px;height:39px;position:absolute;bottom:82px;left:54px;box-shadow:inset 0 11px #344e8d}.abstract-person em{background:#fff;border-radius:8px;width:62px;height:46px;position:absolute;top:22px;right:0;box-shadow:0 7px 14px #465fff1a}.feedback-list{padding:23px}.ticket{border-top:1px solid #f2f4f7;align-items:center;gap:10px;padding:16px 0;display:flex}.ticket:first-of-type{margin-top:15px}.ticket>span{border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.ticket>span.yellow{color:#b54708;background:#fffaeb}.ticket>span.green{color:#027a48;background:#ecfdf3}.ticket>span.blue{color:#465fff;background:#eef4ff}.ticket>div{flex:1}.ticket b{font-size:11px}.ticket small{color:#98a2b3;margin-top:4px;font-size:10px;display:block}.ticket em{border-radius:10px;padding:4px 7px;font-size:10px;font-style:normal}.ticket em.yellow{color:#b54708;background:#fffaeb}.ticket em.green{color:#027a48;background:#ecfdf3}.ticket em.blue{color:#465fff;background:#eef4ff}.modal-backdrop{z-index:10;background:#10182880;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:9px;width:430px;padding:28px;position:relative;box-shadow:0 18px 38px #10182833}.modal-close{color:#98a2b3;background:#fff;border:0;position:absolute;top:14px;right:16px}.modal>span{color:#465fff;letter-spacing:1px;font-size:10px;font-weight:700}.modal h2{margin:7px 0 20px;font-size:23px}.modal>label{margin-top:16px;font-size:11px;font-weight:600;display:block}.modal textarea{resize:none;border:1px solid #d0d5dd;border-radius:6px;width:100%;height:100px;margin-top:8px;padding:9px;font:11px inherit}@media (width<=1280px){.sidebar{width:250px}.main{width:calc(100% - 250px);margin-left:250px}.app-shell{min-width:1120px}.vehicle-grid{grid-template-columns:repeat(2,1fr)}}