.ag-kjb-layout{align-items:center;display:grid;gap:var(--ag-space-16);grid-template-columns:5fr 7fr}.ag-kjb-copy{display:flex;flex-direction:column;gap:var(--ag-space-6)}.ag-kjb-copy .ag-badge{align-self:flex-start}.ag-kjb-copy .ag-section-heading,.ag-kjb-copy .ag-section-lead{margin:0}.ag-kjb-points{display:flex;flex-direction:column;gap:var(--ag-space-5)}.ag-kjb-point{align-items:flex-start;display:flex;gap:var(--ag-space-4)}.ag-kjb-point-body{display:flex;flex-direction:column;gap:2px}.ag-kjb-point-title{color:var(--ag-color-text);font-size:.9375rem;font-weight:600;line-height:1.3}.ag-kjb-point-text{color:var(--ag-color-text-muted);font-size:.875rem;line-height:1.55}.ag-kjb-visual{border-radius:var(--ag-radius-xl);box-shadow:0 0 0 1px rgba(53,55,109,.08),0 8px 32px rgba(53,55,109,.12),0 32px 80px rgba(53,55,109,.14);height:496px;overflow:hidden;position:relative;width:100%}.ag-kjb-scale-wrap{left:0;pointer-events:none;position:absolute;top:0;transform:scale(.74);transform-origin:top left;user-select:none;width:980px}.ag-kjb-mockup *,.ag-kjb-mockup :after,.ag-kjb-mockup :before{box-sizing:border-box;font-family:Inter,-apple-system,sans-serif;margin:0;padding:0}.ag-kjb-mockup{background:#fff;overflow:hidden;width:980px}.ag-kjb-mockup .chrome{align-items:center;background:#ededf2;border-bottom:1px solid #dcdde8;display:flex;gap:6px;padding:11px 16px}.ag-kjb-mockup .chrome-dot{border-radius:50%;height:12px;width:12px}.ag-kjb-mockup .chrome-dot.red{background:#ff5f56}.ag-kjb-mockup .chrome-dot.yellow{background:#ffbd2e}.ag-kjb-mockup .chrome-dot.green{background:#27c93f}.ag-kjb-mockup .chrome-url{align-items:center;background:hsla(0,0%,100%,.85);border:1px solid #dcdde8;border-radius:6px;color:#8891b4;display:flex;flex:1;font-size:11px;gap:5px;margin-left:14px;max-width:300px;padding:4px 10px}.ag-kjb-mockup .chrome-right{align-items:center;display:flex;gap:8px;margin-left:auto}.ag-kjb-mockup .chrome-avatar{align-items:center;background:#35376d;border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:700;height:26px;justify-content:center;width:26px}.ag-kjb-mockup .chrome-flag{font-size:14px;line-height:1}.ag-kjb-mockup .chrome-info{color:#8891b4}.ag-kjb-mockup .app{display:flex;height:630px}.ag-kjb-mockup .sidebar{background:#fff;border-right:1px solid #ecedf4;display:flex;flex-direction:column;flex-shrink:0;width:172px}.ag-kjb-mockup .sidebar-logo{border-bottom:1px solid #ecedf4;padding:15px 16px 13px}.ag-kjb-mockup .nav-list{flex:1;padding:8px 0}.ag-kjb-mockup .nav-item{align-items:center;color:#6b6e8a;display:flex;font-size:12.5px;gap:9px;padding:7.5px 14px;position:relative}.ag-kjb-mockup .nav-item.active{background:#eef0fa;color:#35376d;font-weight:600}.ag-kjb-mockup .nav-item.active:after{background:#3f4ba3;border-radius:3px 0 0 3px;bottom:2px;content:"";position:absolute;right:0;top:2px;width:3px}.ag-kjb-mockup .nav-icon{flex-shrink:0;height:15px;opacity:.65;width:15px}.ag-kjb-mockup .nav-item.active .nav-icon{opacity:1}.ag-kjb-mockup .sidebar-footer{border-top:1px solid #ecedf4;padding:7px 0 10px}.ag-kjb-mockup .sidebar-version{color:#b0b3c8;font-size:10px;padding:6px 14px 0}.ag-kjb-mockup .main{background:#f8f8fc;display:flex;flex:1;flex-direction:column;min-width:0}.ag-kjb-mockup .topbar{align-items:center;background:#fff;border-bottom:1px solid #ecedf4;display:flex;flex-shrink:0;justify-content:space-between;padding:13px 20px}.ag-kjb-mockup .period-btn{align-items:center;color:#1a1b2e;display:flex;font-size:15px;font-weight:700;gap:5px;letter-spacing:-.02em}.ag-kjb-mockup .add-fab{align-items:center;background:#35376d;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ag-kjb-mockup .stats{background:#fff;border-bottom:1px solid #ecedf4;display:grid;flex-shrink:0;gap:10px;grid-template-columns:repeat(4,1fr);padding:11px 20px}.ag-kjb-mockup .stat{background:#fff;border:1px solid #e2e4f0;border-radius:10px;padding:9px 13px}.ag-kjb-mockup .stat-lbl{align-items:center;color:#8891b4;display:flex;font-size:9.5px;font-weight:600;gap:4px;letter-spacing:.07em;margin-bottom:4px;text-transform:uppercase}.ag-kjb-mockup .stat-val{align-items:baseline;color:#1a1b2e;display:flex;font-size:20px;font-weight:700;gap:2px;letter-spacing:-.03em;line-height:1}.ag-kjb-mockup .stat-unit{color:#8891b4;font-size:11px;font-weight:500;letter-spacing:0}.ag-kjb-mockup .filterbar{align-items:center;background:#fff;border-bottom:1px solid #ecedf4;display:flex;flex-shrink:0;gap:7px;padding:8px 20px}.ag-kjb-mockup .search-box{color:#b0b3c8;width:118px}.ag-kjb-mockup .filter-btn,.ag-kjb-mockup .search-box{align-items:center;border:1px solid #e2e4f0;border-radius:7px;display:flex;font-size:11.5px;gap:5px;padding:5px 10px}.ag-kjb-mockup .filter-btn{background:#fff;color:#6b6e8a;white-space:nowrap}.ag-kjb-mockup .filter-badge{background:#35376d;border-radius:20px;color:#fff;font-size:9px;font-weight:700;line-height:15px;padding:0 5px}.ag-kjb-mockup .pill{align-items:center;background:#eef0fa;border:1px solid #d0d3ee;border-radius:20px;color:#35376d;display:flex;font-size:11px;font-weight:500;gap:5px;padding:4px 10px 4px 7px;white-space:nowrap}.ag-kjb-mockup .pill-num{align-items:center;background:#35376d;border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;width:16px}.ag-kjb-mockup .plain-chip{align-items:center;background:#fff;border:1px solid #e2e4f0;border-radius:20px;color:#6b6e8a;display:flex;font-size:11px;gap:5px;padding:4px 10px;white-space:nowrap}.ag-kjb-mockup .toggle-group{display:flex;gap:3px;margin-left:auto}.ag-kjb-mockup .tgl{align-items:center;background:#fff;border:1px solid #e2e4f0;border-radius:7px;color:#8891b4;display:flex;height:29px;justify-content:center;width:29px}.ag-kjb-mockup .tgl.on{background:#1a1b2e;border-color:#1a1b2e;color:#fff}.ag-kjb-mockup .trip-list{background:#fff;flex:1;overflow:hidden}.ag-kjb-mockup .date-lbl{color:#1a1b2e;font-size:11.5px;font-weight:700;letter-spacing:-.01em;padding:9px 20px 3px}.ag-kjb-mockup .row{align-items:center;border-top:1px solid #f2f2f8;display:flex;font-size:11.5px;padding:7px 20px}.ag-kjb-mockup .row:last-child{border-bottom:1px solid #f2f2f8}.ag-kjb-mockup .c-cb{border:1.5px solid #d4d6eb;border-radius:3px;flex-shrink:0;height:14px;margin-right:10px;width:14px}.ag-kjb-mockup .c-time{color:#8891b4;flex-shrink:0;font-size:10.5px;line-height:1.55;width:68px}.ag-kjb-mockup .c-device{align-items:center;color:#b0b3c8;display:flex;flex-shrink:0;justify-content:center;margin-right:7px;width:20px}.ag-kjb-mockup .c-route{align-items:center;display:flex;flex:1;gap:4px;min-width:0;overflow:hidden}.ag-kjb-mockup .rfrom,.ag-kjb-mockup .rto{color:#1a1b2e;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag-kjb-mockup .rarrow{color:#c0c3d4;flex-shrink:0;font-size:11px}.ag-kjb-mockup .c-tags{align-items:center;display:flex;flex-shrink:0;gap:5px;margin:0 10px}.ag-kjb-mockup .tag{color:#6b6e8a;font-size:10.5px;white-space:nowrap}.ag-kjb-mockup .tagx{color:#c0c3d4;font-size:9px}.ag-kjb-mockup .c-vehicle{background:#f2f2f8;border-radius:4px;color:#8891b4;flex-shrink:0;font-size:10.5px;font-weight:500;margin-right:7px;padding:2px 7px;white-space:nowrap}.ag-kjb-mockup .c-driver{align-items:center;background:#35376d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:8.5px;font-weight:700;height:23px;justify-content:center;margin-right:8px;width:23px}.ag-kjb-mockup .c-dist{color:#8891b4;flex-shrink:0;font-size:11px;text-align:right;white-space:nowrap;width:52px}.ag-kjb-mockup .c-icons{align-items:center;display:flex;flex-shrink:0;gap:6px;margin:0 9px}.ag-kjb-mockup .icon-wrap{align-items:center;color:#c8cadb;display:inline-flex;justify-content:center;position:relative}.ag-kjb-mockup .icon-badge{align-items:center;background:#3f4ba3;border:1.5px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:8px;font-weight:700;height:14px;justify-content:center;line-height:1;position:absolute;right:-6px;top:-6px;width:14px}.ag-kjb-mockup .c-amount{color:#3f4ba3;flex-shrink:0;font-size:12px;font-weight:600;text-align:right;white-space:nowrap;width:62px}.ag-kjb-mockup .c-status{color:#8891b4;flex-shrink:0;font-size:10.5px;padding-right:6px;text-align:right;width:88px}.ag-kjb-mockup .c-action{flex-shrink:0;width:28px}.ag-kjb-mockup .btn-check,.ag-kjb-mockup .c-action{align-items:center;display:flex;justify-content:center}.ag-kjb-mockup .btn-check{border:1.5px solid #22c55e;border-radius:7px;color:#22c55e;height:26px;width:26px}.ag-kjb-mockup .btn-checked{background:#f0fdf4;border:1.5px solid #86efac;border-radius:7px;color:#16a34a}.ag-kjb-mockup .btn-checked,.ag-kjb-mockup .btn-undo{align-items:center;display:flex;height:26px;justify-content:center;width:26px}.ag-kjb-mockup .btn-undo{color:#c8cadb}@media (max-width:1024px){.ag-kjb-layout{gap:var(--ag-space-12);grid-template-columns:1fr}.ag-kjb-visual{height:402px;width:100%}.ag-kjb-scale-wrap{transform:scale(.6)}}@media (max-width:768px){.ag-kjb-visual{height:242px}.ag-kjb-scale-wrap{transform:scale(.36)}}