:root{color:#17233d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3fb;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{min-width:320px}button,input{font:inherit}h1{color:#13213f;margin:0;font-size:clamp(40px,5vw,68px);line-height:1.04}h2{font-size:32px}h3{font-size:24px}p{margin:0}.login-shell,.app-shell{min-height:100vh}.login-shell{background:radial-gradient(circle at 0 0,#ffffffeb,#0000 35%),linear-gradient(135deg,#edf4ff 0%,#dce8ff 44%,#e7eefc 100%);justify-content:center;align-items:center;display:flex}.login-wrapper{flex-direction:column;align-items:center;gap:24px;width:min(420px,100% - 32px);display:flex}.login-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.login-header .brand-mark{margin-bottom:4px}.login-header .brand-title{letter-spacing:-.03em;font-size:28px}.login-footer{width:100%;max-width:280px;margin-top:4px}.login-footer .language-dropdown{min-height:44px;font-size:14px}.login-brand,.login-panel,.workspace{padding:48px}.login-brand{flex-direction:column;justify-content:flex-end;display:flex}.brand-hero{flex-direction:column;gap:26px;padding-bottom:48px;display:flex}.brand-head{align-items:center;gap:26px;display:flex}.brand-title-wrap{flex-direction:column;gap:10px;display:flex}.brand-title{letter-spacing:-.05em;color:#0f193d;margin:0;font-size:clamp(40px,5vw,72px);line-height:1.04}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#6f7e9e;margin:0 0 8px;font-size:12px}.brand-copy{color:#5c6a86;max-width:640px;margin:0;font-size:18px;line-height:1.7}.brand-mark{color:#fff;background:linear-gradient(160deg,#2160ff 0%,#1535a6 100%);border-radius:999px;place-items:center;width:88px;height:88px;display:grid;box-shadow:0 24px 50px #2160ff38}.brand-mark.small{border-radius:14px;width:46px;height:46px}.brand-glyph{width:48px;height:48px}.brand-mark.small .brand-glyph{width:26px;height:26px}.language-card,.login-card,.demo-card,.panel,.sidebar-note,.mini-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #96b0dc66;box-shadow:0 20px 60px #3b4c6f14}.language-card{border-radius:24px;width:min(360px,100%);padding:22px 24px}.mini-label{color:#7a88a7;margin-bottom:10px;font-size:13px;display:block}.language-switch{flex-wrap:wrap;gap:8px;display:inline-flex}.language-select-wrap{align-items:center;gap:12px;display:flex}.language-leading{color:#3a527f;background:#e6eeffe6;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:700;display:inline-flex}.language-dropdown{color:#1c2845;min-height:52px;font:inherit;background:#fff;border:1px solid #cfdcf6;border-radius:16px;flex:1;padding:0 16px}.language-switch.compact{background:#ffffffb8;border:1px solid #dce5f7;border-radius:999px;padding:4px}.language-option{color:#223150;cursor:pointer;font:inherit;background:#fff;border:1px solid #dce5f7;border-radius:999px;padding:9px 14px;transition:all .18s}.language-option.active{color:#fff;background:linear-gradient(135deg,#0b173a 0%,#14389d 100%);border-color:#0000}.feature-grid span,.sidebar-brand span,.login-copy p,.topbar-actions,.sidebar-note span,.panel p,.mini-card p{color:#6d7891}.feature-grid strong,.sidebar-brand strong{color:#18243f;margin-top:8px;display:block}.login-panel{flex-direction:column;justify-content:center;gap:24px;display:flex}.login-card{border-radius:20px;width:100%;padding:24px}.demo-card{background:#f0f7ffb8;border-color:#84b6ffa6}.login-copy h2,.workspace-topbar h2,.panel h3{color:#17233d;margin:0}.login-card label,.compact-field{display:block}.login-card label{margin-top:16px}.login-card span,.compact-field span{color:#2d3a57;margin-bottom:8px;font-size:13px;display:block}.login-card input,.compact-field input{box-sizing:border-box;color:#17233d;background:#f1f5fce6;border:1px solid #dbe5f8;border-radius:12px;width:100%;padding:12px 16px;font-size:15px}.primary-button,.ghost-button,.demo-item,.nav-item,.inline-action{cursor:pointer;font:inherit;border:none}.primary-button{color:#fff;background:linear-gradient(135deg,#09061a 0%,#101f54 100%);border-radius:8px;justify-content:center;align-items:center;width:auto;margin-top:0;padding:9px 16px;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex}.login-card .primary-button{border-radius:12px;width:100%;margin-top:20px;padding:14px 18px;font-size:15px;font-weight:700}.compact-button{margin-top:0}.primary-button:disabled,.compact-field input:disabled{opacity:.7;cursor:not-allowed}.form-error{color:#c73a4f;margin-top:14px}.app-error{margin-top:-8px}.demo-list{gap:14px;margin-top:16px;display:grid}.demo-item{text-align:left;background:#fff;border:1px solid #dce7fb;border-radius:20px;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;display:flex}.demo-item span{margin-top:4px;display:block}.demo-action{color:#184bcf;font-weight:700;margin-top:0!important}.app-shell{background:#f6f8fb;grid-template-columns:220px 1fr;display:grid}.sidebar{background:#fff;border-right:1px solid #e4e8f0;flex-direction:column;gap:12px;height:100vh;padding:14px 12px 16px;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px 14px;display:flex}.sidebar-brand-copy{flex-direction:column;gap:4px;display:flex}.sidebar-brand-copy strong{color:#10203f;margin:0;font-size:14px;font-weight:800}.sidebar-brand-copy span{color:#687895;font-size:12px}.sidebar-icon-button{color:#17233d;background:0 0;border:none;border-radius:8px;width:28px;height:28px;font-size:18px;line-height:1}.sidebar-scroll{flex:1;padding-right:4px;overflow-y:auto}.sidebar-section{margin-bottom:10px}.sidebar-section-title{color:#6d7891;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:calc(100% - 8px);margin:0 4px 8px;padding:0;font-size:12px;display:flex}.sidebar-section-arrow{color:#96a0b5}.nav-list{gap:4px;display:grid}.nav-list.collapsed{display:none}.nav-item{text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.nav-icon{color:#17233d;flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.nav-icon svg{width:18px;height:18px}.nav-item-label{color:#223150;font-size:14px;font-weight:600}.nav-item.active{background:#0a0820}.nav-item.active .nav-item-label,.nav-item.active .nav-icon{color:#fff}.sidebar-note{border-radius:22px;margin-top:24px;padding:18px}.sidebar-footer{border-top:1px solid #edf1f7;gap:10px;padding-top:10px;display:grid}.sidebar-language-select{color:#17233d;min-height:36px;font:inherit;background:#fff;border:1px solid #d9deea;border-radius:10px;padding:0 12px}.sidebar-system-note{gap:2px;display:grid}.sidebar-system-note strong{color:#18243f;font-size:13px}.sidebar-system-note span{color:#687895;font-size:12px}.sidebar-logout{color:#17233d;min-height:36px;font:inherit;background:#fff;border:1px solid #d9deea;border-radius:10px}.workspace{flex-direction:column;gap:14px;padding:16px 28px 32px;display:flex}.workspace-topbar{justify-content:space-between;align-items:center;gap:16px;padding-bottom:2px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-pill,.status-chip{color:#2146ac;background:#e4ecffe6;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:12px;display:inline-flex}.ghost-button,.inline-action{color:#223150;background:#fff;border:1px solid #dce5f7;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;line-height:1.4}.inline-action{padding:6px 10px;font-size:12px}.inline-action.approve{color:#1d5e2e}.inline-action.danger{color:#aa2d41}.action-inline{flex-wrap:wrap;gap:8px;display:flex}.row-link{color:#184bcf;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.readonly-note,.empty-tip{color:#6d7891}.search-input{color:#17233d;background:#fff;border:1px solid #dce5f7;border-radius:14px;min-width:220px;padding:10px 12px}.pager{color:#6d7891;align-items:center;gap:8px;display:flex}.page-grid{gap:22px;display:grid}.page-intro{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-intro h2{color:#17233d;margin:0;font-size:28px}.page-intro p{color:#6d7891;margin:6px 0 0}.app-notice{color:#2146ac;background:#eef4ff;border:1px solid #dbe7ff;border-radius:12px;margin:0;padding:12px 14px}.notice-toast{z-index:9999;border-radius:12px;max-width:480px;padding:12px 20px;font-size:14px;font-weight:500;animation:.2s ease-out notice-slide-in;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001f}.notice-toast.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.notice-toast.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.notice-toast.info{color:#2146ac;background:#eef4ff;border:1px solid #dbe7ff}@keyframes notice-slide-in{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.split-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.stack-grid{align-self:start;gap:22px;display:grid}.summary-grid,.cards-grid{gap:18px;display:grid}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.panel{background:#fff;border:1px solid #e3e8f0;border-radius:20px;padding:24px;box-shadow:0 12px 30px #0f172a0a}.card-gradient{background:linear-gradient(135deg,#ffffffeb 0%,#ebf2ffeb 100%)}.card-gradient span,.card-gradient p{color:#687895}.card-gradient strong{color:#10203f;margin:10px 0 6px;font-size:34px;display:block}.hero-panel{background:radial-gradient(circle at 100% 0,#b3caff73,#0000 25%),linear-gradient(135deg,#0f193d 0%,#16337f 100%);justify-content:space-between;align-items:end;gap:20px;display:flex}.hero-panel .eyebrow,.hero-panel h3,.hero-panel p,.hero-panel strong,.hero-panel span{color:#fff}.hero-metrics{gap:20px;display:flex}.hero-metrics strong{font-size:30px;display:block}.panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e4ebf7;padding:14px 12px}th{white-space:nowrap;color:#687895;font-weight:600}td{color:#1a2744}.alert-list,.bullet-list{color:#223150;margin:0;padding-left:18px}.alert-list li,.bullet-list li{margin-bottom:12px;line-height:1.7}.mini-card{border-radius:22px;padding:20px}.mini-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.side-panel{align-self:start}.dashboard-shell{gap:18px;display:grid}.dashboard-header h1{color:#17233d;margin:0;font-size:24px}.dashboard-header p{color:#6d7891;margin:4px 0 0}.dashboard-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dashboard-stat{background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:18px 20px;box-shadow:0 10px 22px #0f172a09}.dashboard-stat-head,.dashboard-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dashboard-stat-label{color:#1f2a44;font-size:15px}.dashboard-stat-icon{border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:inline-flex}.dashboard-stat-icon svg{width:14px;height:14px}.dashboard-stat-icon.green{color:#16a34a;background:#22c55e1f}.dashboard-stat-icon.blue{color:#2563eb;background:#2563eb1f}.dashboard-stat-icon.violet{color:#9333ea;background:#a855f71f}.dashboard-stat-icon.orange{color:#ea580c;background:#f973161f}.dashboard-stat-icon.red{color:#ef4444;background:#ef44441f}.dashboard-stat-value{color:#0f172a;margin-top:28px;font-size:clamp(28px,2vw,38px);line-height:1.15;display:block}.dashboard-stat-note{color:#6d7891;margin:10px 0 0}.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:14px;display:grid}.dashboard-card{padding:18px 20px}.dashboard-card-header{margin-bottom:14px}.dashboard-card-header h3{color:#17233d;margin:0;font-size:16px}.dashboard-card-header p{color:#6d7891;margin:4px 0 0}.dashboard-periods{gap:8px;display:inline-flex}.dashboard-period{color:#17233d;min-width:34px;height:30px;font:inherit;background:#fff;border:1px solid #dce2ed;border-radius:8px}.dashboard-period.active{color:#fff;background:#0a0820;border-color:#0a0820}.dashboard-line-chart{min-height:320px}.dashboard-chart-svg{width:100%;height:100%;display:block}.dashboard-grid-line{stroke:#edf1f7;stroke-width:1px}.dashboard-bars{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:16px;min-height:320px;padding-top:18px;display:grid}.dashboard-bar-column{flex-direction:column;justify-content:end;align-items:center;gap:10px;height:100%;display:flex}.dashboard-bar-value{color:#35518a;font-size:14px}.dashboard-bar-track{background:linear-gradient(#f7f9fc 0%,#ecf1f8 100%);border-radius:999px;width:24px;height:220px;position:relative}.dashboard-bar-fill{background:linear-gradient(#91b8ff 0%,#3b82f6 100%);border-radius:999px;position:absolute;bottom:0;left:0;right:0}.dashboard-bar-label{color:#5f6f8e;font-size:14px}.dashboard-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-metric-card{border-radius:12px;padding:18px 16px}.dashboard-metric-card.blue{background:#e8f0ff}.dashboard-metric-card.green{background:#e9f8ee}.dashboard-metric-card.violet{background:#f3eaff}.dashboard-metric-card.orange{background:#fff1e3}.dashboard-metric-card.cyan{background:#e6f7fb}.dashboard-metric-card.indigo{background:#edf1ff}.dashboard-metric-title{color:#35518a;font-size:14px;display:block}.dashboard-metric-value{color:#10203f;margin-top:10px;font-size:18px;display:block}.dashboard-metric-note{color:#62728e;margin:6px 0 0}.dashboard-activity-list{gap:18px;display:grid}.dashboard-activity-item{grid-template-columns:40px 1fr;align-items:start;gap:12px;display:grid}.dashboard-activity-dot{border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:inline-flex}.dashboard-activity-dot svg,.dashboard-footer-icon svg{width:16px;height:16px}.dashboard-activity-dot.blue{color:#2563eb;background:#3b82f624}.dashboard-activity-dot.violet{color:#7c3aed;background:#8b5cf624}.dashboard-activity-dot.orange{color:#ea580c;background:#f9731624}.dashboard-activity-item strong{color:#17233d}.dashboard-activity-item p{color:#5f6f8e;margin:4px 0 0;line-height:1.55}.dashboard-activity-item span:last-child{color:#94a0b5;margin-top:6px;font-size:13px;display:inline-block}.dashboard-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dashboard-footer-card{min-height:132px}.dashboard-footer-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-footer-head strong{color:#17233d;font-size:16px}.dashboard-footer-icon{color:#495a7c;background:#f4f7fb;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.dashboard-footer-value{color:#0f172a;margin-top:24px;font-size:20px;font-weight:800}.dashboard-footer-note{color:#6d7891;margin:6px 0 0}.custom-page{gap:18px;display:grid}.monitoring-page{flex-direction:row;gap:0;height:calc(100vh - 112px);display:flex;position:relative;overflow:hidden}.monitoring-left{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.monitoring-map-shell{z-index:0;flex:1;min-height:0;position:relative;overflow:hidden}.custom-page.stack-gap{gap:16px}.custom-page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-subtitle{color:#6d7891;margin:0;font-size:13px}.page-actions{gap:10px;display:flex}.pill-tabs{background:#f1f4f9;border-radius:999px;align-self:start;gap:6px;padding:4px;display:inline-flex}.pill-tab{color:#495a7c;min-height:32px;font:inherit;background:0 0;border:none;border-radius:999px;padding:0 14px}.pill-tab.active{color:#0a0820;background:#fff;box-shadow:0 2px 8px #0f172a14}.custom-stats-grid{gap:14px;display:grid}.custom-stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.custom-stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.custom-stats-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.custom-stat-card .dashboard-stat-value.compact{margin-top:20px;font-size:20px}.custom-panel{background:#fff;border:1px solid #e3e8f0;border-radius:20px;padding:18px 20px;box-shadow:0 12px 30px #0f172a0a}.panel-header-inline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-header-inline h3,.detail-block h4{color:#17233d;margin:0;font-size:16px}.panel-header-inline p,.detail-block p,.vehicle-control-search-title{color:#6d7891;margin:4px 0 0}.table-tools{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.search-field{flex:1;align-items:center;gap:10px;display:flex}.search-field span{color:#7e89a3}.search-field .search-input{width:100%;min-width:0}.custom-table th,.custom-table td{vertical-align:top;font-size:14px}.cell-stack{flex-direction:column;gap:4px;display:flex}.cell-stack strong{color:#1b2947;font-weight:600}.cell-stack span{color:#76829c;font-size:13px}.action-icon-cluster{gap:8px;display:flex}.action-icon-cluster.compact{justify-content:flex-end}.icon-action{color:#17233d;background:#fff;border:1px solid #dde4f1;border-radius:10px;min-width:34px;height:30px;padding:0 10px}.icon-action.danger{color:#d33b4f}.row-actions{align-items:center;gap:6px;display:flex}.outline-action{color:#17233d;min-height:30px;font:inherit;background:#fff;border:1px solid #dde4f1;border-radius:10px;padding:0 12px}.outline-action.dark{color:#fff;background:#0a0820;border-color:#0a0820}.inline-tag{border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.inline-tag.blue{color:#2563eb;background:#e8f0ff}.inline-tag.green{color:#16a34a;background:#ddf8e5}.inline-tag.violet{color:#7c3aed;background:#f0e8ff}.inline-tag.yellow{color:#a16207;background:#ffefb3}.inline-tag.dark{color:#fff;background:#0a0820}.inline-tag.red{color:#e11d48;background:#ffe1e4}.modal-backdrop{z-index:50;background:#0f172a70;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-shell{background:#fff;border:1px solid #e4e9f2;border-radius:16px;width:min(450px,100%);max-height:min(88vh,920px);padding:20px 20px 18px;overflow:auto;box-shadow:0 28px 70px #0f172a38}.modal-shell.wide{width:min(860px,100%)}.modal-shell-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal-shell-head h3{color:#17233d;margin:0;font-size:18px}.modal-shell-head p{color:#6d7891;margin:4px 0 0}.modal-form-grid{gap:14px;display:grid}.modal-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-field{gap:8px;display:grid}.modal-field-label{color:#17233d;font-size:13px;font-weight:600}.modal-field input,.modal-field select{box-sizing:border-box;color:#17233d;width:100%;min-height:38px;font:inherit;background:#f8fafc;border:1px solid #e0e6f1;border-radius:10px;padding:0 12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.modal-actions .primary-button,.modal-actions .ghost-button{justify-content:center;align-items:center;width:auto;min-height:34px;margin-top:0;padding:8px 18px;display:inline-flex}.search-only-panel{padding-top:16px;padding-bottom:16px}.customer-card-list,.vehicle-control-list{gap:14px;display:grid}.customer-card,.vehicle-control-card{background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:18px 20px;box-shadow:0 10px 24px #0f172a08}.customer-card-head,.vehicle-control-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.customer-card-identity{align-items:center;gap:14px;display:flex}.customer-avatar{color:#2563eb;background:#e8f0ff;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:inline-flex}.customer-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.customer-name-row strong{color:#17233d;font-size:16px}.customer-card-head p,.vehicle-control-head p{color:#6d7891;margin:6px 0 0}.card-actions-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.customer-expanded{border-top:1px solid #edf1f7;gap:16px;margin-top:16px;padding-top:16px;display:grid}.customer-summary-strip{background:#f8fafc;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px;padding:12px;display:grid}.customer-summary-strip span{color:#6d7891;font-size:13px;display:block}.customer-summary-strip strong{margin-top:6px;font-size:18px;display:block}.green-text{color:#16a34a}.violet-text{color:#9333ea}.purchase-list{gap:10px;display:grid}.purchase-card{background:#fff;border:1px solid #e8edf5;border-radius:14px;padding:14px}.purchase-card-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.purchase-card-meta{color:#6d7891;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.purchase-card-info{color:#6d7891;flex-wrap:wrap;gap:24px;margin-top:10px;font-size:13px;display:flex}.detail-sheet,.detail-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-block{gap:14px;margin-top:6px;display:grid}.detail-highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.detail-highlight-grid.four-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-mini-card{border-radius:14px;padding:18px 16px}.summary-mini-card span{color:#5f6f8e;font-size:13px;display:block}.summary-mini-card strong{margin-top:10px;font-size:20px;display:block}.summary-mini-card.blue{background:#eef4ff}.summary-mini-card.green{background:#eaf9ee}.summary-mini-card.violet{background:#f5edff}.summary-mini-card.orange{background:#fff3e5}.info-pair{gap:6px;display:grid}.info-pair span{color:#6d7891;font-size:13px}.info-pair strong{color:#17233d;font-size:15px}.linked-customer-block{gap:12px;margin-top:16px;display:grid}.linked-customer-list{gap:8px;max-height:240px;display:grid;overflow:auto}.linked-customer-item{text-align:left;background:#fff;border:1px solid #e0e6f1;border-radius:12px;gap:6px;padding:12px;display:grid}.linked-customer-item.active{background:#f2f7ff;border-color:#3b82f6}.linked-customer-empty{color:#92400e;background:#fff7ed;border:1px dashed #f59e0b;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.password-pill{letter-spacing:.2em;background:#f2f4f8;border-radius:6px;min-width:60px;padding:4px 10px;display:inline-block}.link-pill{color:#2563eb;font-weight:600}.link-count{color:#2563eb;font-weight:700}.vehicle-count-panel{text-align:center;gap:6px;display:grid}.vehicle-count-panel span{color:#6d7891;font-size:13px}.vehicle-count-panel strong{color:#2563eb;font-size:18px}.remote-vehicle-card{border:1px solid #e6ebf3;border-radius:16px;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:16px;margin-top:16px;padding:14px;display:grid}.remote-vehicle-main{gap:12px;display:grid}.remote-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.small-metric{background:#f8fafc;border-radius:12px;gap:6px;padding:12px;display:grid}.small-metric span{color:#6d7891;font-size:13px}.small-metric strong{color:#17233d}.remote-location-chip{color:#2563eb;background:#eaf2ff;border-radius:10px;gap:4px;padding:10px 12px;display:grid}.remote-location-chip span{color:#5f6f8e;font-size:13px}.remote-state-line{color:#6d7891}.remote-vehicle-side{align-self:start;gap:12px;display:grid}.remote-vehicle-side p{color:#6d7891;margin:0}.remote-alert-box{color:#dc2626;background:#fff1f0;border:1px solid #ffd5d2;border-radius:12px;padding:12px;font-size:13px;line-height:1.6}.remote-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.remote-actions-grid.wide{max-width:520px}.monitoring-page .custom-panel{margin-bottom:0}.monitoring-map-panel{border:none;border-radius:0;margin:0;padding:0;position:absolute;inset:0;overflow:hidden}.monitoring-map-stage{width:100%;height:100%;position:relative}.monitoring-right-panel{z-index:5;background:#fffffffa;border-left:1px solid #e1e7f0e6;flex-direction:column;flex-shrink:0;width:310px;display:flex;position:relative;overflow:hidden;box-shadow:-4px 0 14px #0f172a0f}.monitoring-right-head{border-bottom:1px solid #e9ecf2;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.monitoring-right-head strong{color:#0f172a;font-size:13px;font-weight:700}.monitoring-right-head span{color:#6d7891;font-size:11px}.monitoring-right-table-wrap{flex:1;min-height:0;overflow-y:auto}.monitoring-right-table-wrap::-webkit-scrollbar{width:4px}.monitoring-right-table-wrap::-webkit-scrollbar-thumb{background:#c5cfdc;border-radius:4px}.monitoring-right-table{border-collapse:collapse;width:100%;font-size:12px}.monitoring-right-table thead th{color:#6d7891;text-align:left;white-space:nowrap;z-index:1;background:#f8fafc;border-bottom:1px solid #e3e8f0;padding:5px 8px;font-size:11px;font-weight:600;position:sticky;top:0}.monitoring-right-table tbody tr{cursor:pointer;border-bottom:1px solid #f0f3f8;transition:background .12s}.monitoring-right-table tbody tr:hover{background:#f4f8ff}.monitoring-right-table tbody tr.active{background:#eef4ff}.monitoring-right-table tbody td{color:#17233d;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:100px;padding:5px 8px;overflow:hidden}.monitoring-right-table tbody td strong{color:#16213e;font-weight:700}.monitoring-right-table .monitor-dot{display:inline-block}.monitoring-right-table input[type=checkbox]{width:13px;height:13px;margin:0}.monitoring-empty-state-right{color:#8693aa;text-align:center;place-items:center;height:100%;padding:16px;font-size:12px;display:grid}.monitoring-right-search{border-top:1px solid #e9ecf2;flex-shrink:0;align-items:center;gap:0;padding:6px 8px;display:flex}.monitoring-search-input{color:#17233d;background:#fff;border:1px solid #d6dce8;border-right:none;border-radius:4px 0 0 4px;outline:none;flex:1;min-width:0;height:28px;padding:0 8px;font-size:12px}.monitoring-search-input::placeholder{color:#b0baca;font-size:11px}.monitoring-search-input:focus{border-color:#4a90d9}.monitoring-search-btn{color:#5a6d8a;cursor:pointer;background:#f0f4fa;border:1px solid #d6dce8;border-radius:0 4px 4px 0;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:28px;transition:background .12s,color .12s;display:flex}.monitoring-search-btn:hover{color:#fff;background:#4a90d9;border-color:#4a90d9}.monitoring-status-panel{z-index:1;background:#fff;border-top:1px solid #e3e8f0;flex-shrink:0;height:260px;padding:0;overflow:hidden auto}.monitoring-status-table{border-collapse:collapse;width:100%;font-size:12px}.monitoring-status-table thead th{color:#6d7891;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e3e8f0;padding:4px 8px;font-size:11px;font-weight:600}.monitoring-status-table tbody td{color:#17233d;white-space:nowrap;vertical-align:middle;padding:6px 8px;font-size:12px}.monitoring-status-table tbody td strong{color:#16213e;font-weight:700}.monitoring-status-row-active{background:#e8f4fd!important}.map-vehicle-popup{z-index:6;background:#fffffffa;border-radius:12px;width:210px;padding:10px;font-size:12px;position:absolute;top:60px;left:16px;box-shadow:0 6px 20px #00000026}.map-vehicle-popup-head{border-bottom:1px solid #e9ecf2;justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding-bottom:6px;display:flex}.map-vehicle-popup-head strong{color:#0f172a;font-size:13px;display:block}.map-vehicle-popup-head p{color:#6d7891;margin:2px 0 0;font-size:10px}.map-vehicle-popup-head .icon-action{color:#8693aa;cursor:pointer;background:0 0;border:none;width:18px;height:18px;min-height:18px;padding:0;font-size:14px;line-height:18px}.map-vehicle-popup-grid{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px;display:grid}.map-vehicle-popup-grid .info-pair{padding:3px 0}.map-vehicle-popup-grid .info-pair dt{color:#8693aa;margin-bottom:1px;font-size:9px}.map-vehicle-popup-grid .info-pair dd{color:#17233d;font-size:11px}.map-vehicle-popup .remote-actions-grid{grid-template-columns:repeat(4,1fr);gap:4px}.map-vehicle-popup .outline-action{border-radius:6px;min-height:26px;padding:2px 4px;font-size:11px}.monitoring-bottom-panel{display:none}.monitoring-bottom-head{border-bottom:1px solid #e9ecf2;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.monitoring-bottom-head strong{color:#0f172a;font-size:14px;font-weight:700}.monitoring-bottom-head span{color:#6d7891;font-size:12px}.monitoring-vehicle-list-vertical{flex:1;min-height:0;padding:8px 16px;overflow-y:auto}.monitoring-vehicle-list-vertical::-webkit-scrollbar{width:6px}.monitoring-vehicle-list-vertical::-webkit-scrollbar-thumb{background:#c5cfdc;border-radius:4px}.monitor-vehicle-row{color:#17233d;cursor:pointer;background:#fff;border:1px solid #e9ecf2;border-radius:10px;align-items:center;gap:12px;min-height:40px;margin-bottom:6px;padding:10px 12px;font-size:13px;transition:all .15s;display:flex}.monitor-vehicle-row:last-child{margin-bottom:0}.monitor-vehicle-row:hover{background:#f4f8ff;border-color:#3b82f6}.monitor-vehicle-row.active{background:#eef4ff;border-color:#3b82f6}.monitor-vehicle-row input[type=checkbox]{flex-shrink:0;width:16px;height:16px;margin:0}.monitor-vehicle-row strong{text-overflow:ellipsis;white-space:nowrap;color:#16213e;min-width:90px;max-width:120px;font-weight:700;overflow:hidden}.monitor-row-model{text-overflow:ellipsis;white-space:nowrap;color:#6d7891;min-width:110px;max-width:160px;overflow:hidden}.monitor-row-time{color:#8693aa;min-width:130px;font-size:12px}.monitor-row-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.monitor-row-actions .outline-action.mini{min-height:28px;padding:4px 10px;font-size:12px}.monitor-dot{border-radius:999px;flex-shrink:0;width:8px;height:8px}.monitor-dot.online{background:#0d9e6b}.monitor-dot.offline{background:#d14343}.monitor-dot.dormant{background:#2563eb}.monitoring-map-toolbar{z-index:4;pointer-events:none;justify-content:space-between;gap:12px;display:flex;position:absolute;top:16px;left:16px;right:16px}.monitoring-map-toolbar-group{pointer-events:auto;flex-wrap:wrap;gap:8px;display:flex}.map-chip{color:#17233d;background:#fffffff5;border:1px solid #0b12201f;border-radius:999px;min-height:34px;padding:0 14px;font-size:13px;font-weight:600;box-shadow:0 10px 24px #0f172a14}.map-chip.active{color:#fff;background:#0a0820;border-color:#0a0820}.google-map-shell{min-height:520px;position:relative}.google-map-wrapper{gap:14px;display:grid}.google-map-canvas{width:100%;height:100%;min-height:520px;position:absolute;inset:0}.map-placeholder{text-align:center;color:#8693aa;background:#f8fafc;place-items:center;min-height:520px;display:grid}.map-placeholder-overlay{z-index:1;padding:24px;position:absolute;inset:0}.map-placeholder strong{color:#65728c}.map-placeholder-icon{border:2px solid #d7deeb;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;font-size:28px;display:inline-flex}.map-debug-panel{background:#f8fafc;border:1px solid #d7deeb;border-radius:18px;padding:14px 16px}.map-debug-panel summary{cursor:pointer;color:#16213e;font-weight:700}.map-debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:14px;display:grid}.map-debug-grid div,.map-debug-error,.map-debug-events{gap:4px;display:grid}.map-debug-grid span,.map-debug-error span,.map-debug-events span{color:#6b7891;font-size:12px}.map-debug-grid strong,.map-debug-error code,.map-debug-events li{color:#16213e;font-size:13px}.map-debug-error,.map-debug-events{margin-top:14px}.map-debug-error code{white-space:pre-wrap;word-break:break-word;font-family:Consolas,Courier New,monospace}.map-debug-events ul{margin:0;padding-left:18px}.device-meta-strip{color:#4f6388;background:#eef4ff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px;display:flex}.muted-text{color:#6d7891}.modal-scroll-table{max-height:320px}.form-grid{gap:12px;margin-top:18px;display:grid}.detail-grid{gap:12px;margin-top:16px;display:grid}.detail-row{gap:8px;display:grid}.detail-row strong{color:#18243f;word-break:break-word}.detail-row input{box-sizing:border-box;color:#17233d;background:#f1f5fce6;border:1px solid #dbe5f8;border-radius:14px;width:100%;padding:12px 14px;font-size:15px}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-action-button,.mini-action-button{width:auto;min-height:32px;margin-top:0;padding:7px 14px;font-size:13px}.table-toolbar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.dashboard-main-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-main-grid.lower{margin-top:2px}.chart-placeholder{background:linear-gradient(#f5f8fde6,#ffffffe6),repeating-linear-gradient(0deg,#dce4f4bf 0 1px,#0000 1px 72px);border:1px solid #edf1f7;border-radius:18px;min-height:280px;position:relative;overflow:hidden}.chart-placeholder.large-chart{min-height:320px}.chart-line{opacity:.85;background:linear-gradient(135deg,#0000 0 44%,#7c5cff 44% 46%,#0000 46% 55%,#377dff 55% 57%,#0000 57% 100%);position:absolute;inset:24px}.chart-bars{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:18px;height:100%;padding:28px;display:grid}.chart-bar-item{color:#61718e;place-items:end center;gap:10px;display:grid}.chart-bar{background:linear-gradient(#4d7cff 0%,#8668ff 100%);border-radius:999px 999px 10px 10px;width:42px}.activity-list{gap:16px;margin-top:4px;display:grid}.activity-item{grid-template-columns:38px 1fr;align-items:start;gap:12px;display:grid}.activity-item strong{color:#17233d}.activity-item p{color:#6d7891;margin-top:4px}.activity-item span{color:#8a94a8;margin-top:6px;font-size:12px;display:inline-block}.activity-icon{color:#2563eb;background:#eef4ff;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:inline-flex}.customer-card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.empty-block,.monitoring-empty-state{color:#72809c;text-align:center;background:#f8fafc;border:1px dashed #d8e0ef;border-radius:14px;padding:18px}.playback-floating-backdrop{z-index:50;pointer-events:none;position:fixed;inset:0}.playback-floating-panel{pointer-events:auto;z-index:51;background:#fff;border:1px solid #e4e9f2;border-radius:16px;flex-direction:column;width:min(340px,100vw - 32px);display:flex;position:fixed;top:16px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 20px 50px #0f172a2e}.playback-floating-head{border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;display:flex}.playback-floating-head h3{color:#17233d;margin:0;font-size:16px}.playback-floating-head p{color:#66758f;margin:4px 0 0;font-size:12px}.playback-floating-body{flex:1;gap:14px;padding:14px 18px 16px;display:grid;overflow-y:auto}.history-track-shell{gap:14px;display:grid}.history-track-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.history-playback-console{background:#f8fbff;border:1px solid #e1e7f0;border-radius:18px;gap:16px;padding:18px;display:grid}.history-playback-console-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.history-playback-console-head strong{color:#17233d;font-size:17px}.history-playback-console-head p{color:#66758f;margin:6px 0 0}.history-playback-controls{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.history-playback-buttons{flex-wrap:wrap;gap:8px;display:flex}.history-playback-speed{gap:8px;min-width:132px;display:grid}.history-playback-speed span{color:#66758f;font-size:12px}.history-playback-speed select,.history-playback-slider{width:100%}.history-playback-slider-shell{gap:10px;display:grid}.history-playback-slider-head,.history-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-playback-slider-head strong,.history-section-head strong{color:#17233d}.history-playback-slider-head span,.history-section-head span,.history-playback-slider-scale span{color:#66758f;font-size:12px}.history-playback-slider-scale{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-current-point-grid,.history-stat-grid,.history-track-layout{gap:12px;display:grid}.history-current-point-grid,.history-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-track-layout{grid-template-columns:minmax(0,1fr)}.history-track-list{max-height:280px;overflow-y:auto}.history-track-list-panel,.history-stat-card{background:#fff;border:1px solid #e1e7f0;border-radius:18px;padding:16px}.history-track-side-panel{align-content:start;gap:12px;display:grid}.history-stat-card h4{color:#17233d;margin:0 0 12px;font-size:16px}.history-stat-card p{color:#66758f;margin:0;line-height:1.65}.history-track-list{gap:10px;max-height:420px;display:grid;overflow:auto}.history-track-item{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #e1e7f0;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.history-track-item.active{background:#edf4ff;border-color:#2563eb;box-shadow:0 10px 24px #2563eb1f}.history-track-item.played{background:#f8fbff;border-color:#cde2ff}.history-track-index{color:#2753e5;background:#e8efff;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.history-track-item-tail{justify-items:end;gap:10px;display:grid}.history-playback-marker{color:#fff;background:linear-gradient(135deg,#ff7a00,#ff5c35);border:2px solid #ffffffeb;border-radius:999px;justify-content:center;align-items:center;min-width:60px;min-height:32px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #ff7a0047}.align-right{text-align:right}.fullscreen-host:fullscreen{background:#fff;padding:0}:is(.fullscreen-host:fullscreen .monitoring-map-stage,.fullscreen-host:fullscreen .google-map-shell,.fullscreen-host:fullscreen .google-map-canvas,.fullscreen-host:fullscreen .map-placeholder){min-height:100vh}.app-shell.sidebar-collapsed{grid-template-columns:84px 1fr}.sidebar.collapsed{padding:14px 8px 16px}.sidebar.collapsed .sidebar-brand{padding:6px 4px 12px}.sidebar.collapsed .sidebar-brand-copy span,.sidebar.collapsed .nav-item-label,.sidebar.collapsed .sidebar-system-note,.sidebar.collapsed .sidebar-section-title span:first-child{display:none}.sidebar.collapsed .sidebar-section-title{justify-content:center;margin:0 0 6px}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-footer{gap:8px}.sidebar.collapsed .sidebar-language-select{text-align:center;padding:0 6px}.sidebar.collapsed .sidebar-logout{justify-content:center;align-items:center;padding:0;font-size:0;display:flex}.sidebar.collapsed .sidebar-logout:before{content:"↩";font-size:16px}.sidebar.collapsed .sidebar-scroll{padding-right:0}.sidebar.collapsed .sidebar-icon-button{margin-left:auto}.inline-tag.orange{color:#ea580c;background:#fff1e3}.blue-text{color:#2563eb}.danger-text{color:#e11d48}.filter-grid{gap:12px;display:grid}.filter-grid.two{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr)}.filter-grid.three{grid-template-columns:minmax(0,1.2fr) minmax(180px,.65fr) minmax(180px,.65fr)}.filter-select{color:#17233d;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #dfe6f1;border-radius:12px;padding:0 14px}.custom-table{background:#fff;border:1px solid #e4ebf4;border-radius:16px;overflow:hidden}.custom-table table{margin:0}.custom-table thead{background:#fbfcfe}.custom-table td .cell-stack p,.custom-table td .cell-stack span{margin:0}.form-section{gap:8px;display:grid}.form-section.full{grid-column:1/-1}.form-section h4{color:#17233d;margin:0;font-size:15px}.service-items-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.service-record-list,.service-payment-list,.document-list,.equipment-record-list{gap:14px;display:grid}.service-record-card,.service-payment-card,.document-list-card,.equipment-record-card,.role-card{background:#fff;border:1px solid #e4eaf3;border-radius:18px;box-shadow:0 10px 26px #0f172a0a}.service-record-card,.service-payment-card,.equipment-record-card,.role-card{padding:18px 20px}.service-record-head,.service-payment-head,.document-customer-head,.role-card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.service-record-title,.service-payment-title,.service-item-main,.document-list-main,.equipment-record-main{align-items:flex-start;gap:14px;display:flex}.service-record-icon,.service-item-bullet,.document-file-icon,.equipment-record-icon{color:#2563eb;background:#eaf2ff;border-radius:999px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:inline-flex}.equipment-record-icon.green{color:#16a34a;background:#e8f8ee}.equipment-record-icon.blue{color:#2563eb;background:#e8f0ff}.equipment-record-icon.violet{color:#7c3aed;background:#f0e8ff}.equipment-record-icon.danger{color:#dc2626;background:#ffe4e6}.service-record-name,.service-item-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.service-record-name p,.service-record-title p,.service-payment-head p,.equipment-record-card p,.document-customer-card p{margin:0}.service-charge-text{color:#16a34a;white-space:nowrap;font-size:28px;font-weight:800}.service-item-list{gap:10px;margin-top:16px;display:grid}.service-item-card{background:#f8fbff;border:1px solid #e7eef7;border-radius:14px;padding:12px 14px}.service-item-top strong,.service-record-title strong,.service-payment-title strong,.document-list-main strong,.equipment-record-main strong,.role-card strong{color:#17233d}.service-record-foot{border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.service-record-foot p,.detail-note{color:#64748b;margin:0;line-height:1.6}.service-item-editor-list.full{grid-column:1/-1;gap:12px;display:grid}.service-item-editor-card{background:#fbfdff;border:1px solid #e3e9f2;border-radius:16px;padding:14px}.service-item-editor-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.service-item-empty{color:#7b879d;background:#fbfcfe;border:1px dashed #d8e0ec;border-radius:16px;place-items:center;min-height:120px;display:grid}.service-payment-grid,.installment-strip,.role-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.service-payment-grid{background:#fbfcfe;border-radius:14px;margin-top:16px;padding:14px}.service-payment-grid span,.installment-strip span,.role-summary-grid span,.document-count-pill span,.equipment-record-meta span{color:#6d7891;font-size:13px;display:block}.service-payment-grid strong,.installment-strip strong,.role-summary-grid strong,.document-count-pill strong,.equipment-record-meta strong{color:#17233d;margin-top:6px;display:block}.payment-split-text{color:#16a34a}.installment-strip{background:#eef4ff;border-radius:14px;margin-top:12px;padding:12px 14px}.service-payment-actions,.document-card-actions,.role-card-actions,.equipment-record-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.service-payment-actions,.role-card-actions{margin-top:16px}.mini-lock{margin-left:6px}.document-card-grid,.role-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.document-customer-card{background:#fff;border:1px solid #e4eaf3;border-radius:20px;gap:16px;padding:18px 20px;display:grid;box-shadow:0 10px 24px #0f172a0a}.document-vehicle-block{background:#f8fbff;border:1px solid #ebf0f6;border-radius:16px;gap:6px;padding:14px 16px;display:grid}.document-vehicle-block strong{color:#17233d;font-size:16px}.document-count-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.document-count-pill{border-radius:14px;padding:12px 14px}.document-count-pill.blue{background:#ecf3ff}.document-count-pill.green{background:#eaf9ee}.document-count-pill.violet{background:#f4ecff}.document-count-pill.orange{background:#fff3e5}.document-count-pill.dark{background:#f1f4f9}.document-modal-filter{margin:8px 0 2px}.document-list-card{gap:12px;padding:14px 16px;display:grid}.document-file-icon{color:#ef4444;background:#fff1f2}.document-list-meta{color:#6d7891;flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.role-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-card{gap:16px;display:grid}.permission-tree-shell{background:#fbfdff;border:1px solid #e4eaf3;border-radius:18px;margin-top:16px;padding:16px}.permission-tree{gap:14px;display:grid}.permission-branch{background:#fff;border:1px solid #e2e8f0;border-radius:16px;position:relative;overflow:hidden}.permission-tree-toolbar{background:#f6f8fc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px}.permission-branch-head{color:#17233d;background:#f6f8fc;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 14px 42px;font-weight:700;display:flex;position:relative}.permission-branch-head:before{content:"";background:#2563eb;border-radius:999px;width:10px;height:10px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.permission-branch-children{margin-left:24px;display:grid;position:relative}.permission-branch-children:before{content:"";background:#d8e2f0;width:1px;position:absolute;top:0;bottom:18px;left:18px}.permission-leaf{border-top:1px solid #edf2f7;grid-template-columns:minmax(160px,220px) 1fr;align-items:center;gap:16px;padding:14px 16px 14px 42px;display:grid;position:relative}.permission-leaf:before{content:"";background:#d8e2f0;width:16px;height:1px;position:absolute;top:50%;left:18px}.permission-leaf:after{content:"";background:#93c5fd;border-radius:999px;width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:34px}.permission-leaf-label{color:#17233d;font-weight:600}.permission-actions{flex-wrap:wrap;gap:8px;display:flex}.permission-checkbox{color:#334155;background:#fff;border:1px solid #dbe4f1;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:13px;display:inline-flex}.permission-checkbox input{margin:0}.permission-checkbox.readonly{background:#f8fafc}.equipment-tabs{align-items:center;gap:8px;padding-bottom:4px;display:inline-flex}.equipment-tab{color:#223150;min-height:34px;font:inherit;background:#fff;border:1px solid #dce4f0;border-radius:12px;padding:0 14px}.equipment-tab.active{color:#fff;background:#0a0820;border-color:#0a0820}.equipment-record-card{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.equipment-record-main{flex:1}.equipment-record-meta{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px 24px;display:grid}.equipment-record-actions{justify-content:flex-end}.assign-hint{color:#2563eb;background:#edf4ff;border-radius:12px;margin-top:16px;padding:12px 14px;line-height:1.55}.file-helper-text{color:#7b879d;font-size:12px}.placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.placeholder-card{align-content:center;gap:10px;min-height:180px;display:grid}@media (width<=1180px){.app-shell,.split-grid,.dashboard-main-grid,.dashboard-bottom-grid,.dashboard-footer-grid{grid-template-columns:1fr}.summary-grid,.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-stats-grid.three,.custom-stats-grid.four,.customer-summary-strip,.detail-highlight-grid,.detail-highlight-grid.four-cards,.filter-grid.two,.filter-grid.three,.service-payment-grid,.installment-strip,.role-summary-grid,.document-card-grid,.role-card-grid,.document-count-grid,.permission-leaf,.equipment-record-meta,.remote-vehicle-card{grid-template-columns:1fr}.monitoring-map-toolbar{flex-direction:column;padding:16px 16px 0;position:static}.monitoring-right-panel{width:240px}.monitor-right-row{flex-wrap:wrap;gap:4px}.monitor-row-actions{justify-content:flex-end;width:100%;margin-left:0}.history-track-summary,.history-current-point-grid,.history-stat-grid,.history-track-layout{grid-template-columns:1fr}.history-playback-console-head,.history-playback-controls,.history-playback-slider-head,.history-section-head{flex-direction:column;align-items:flex-start}.sidebar{height:auto;position:static}}@media (width<=720px){.workspace{padding:24px}.sidebar{padding:16px 14px}.feature-grid,.summary-grid,.dashboard-summary-grid,.dashboard-metrics-grid,.modal-form-grid.two,.detail-sheet,.detail-grid.two-columns,.remote-metrics-grid,.remote-actions-grid{grid-template-columns:1fr}.custom-page-header,.service-record-head,.service-payment-head,.document-customer-head,.role-card-head,.service-record-foot,.equipment-record-card,.equipment-record-main,.service-items-head{flex-direction:column;align-items:stretch}.service-record-title,.service-payment-title,.service-item-main,.document-list-main{gap:12px}.permission-actions,.equipment-record-actions,.document-card-actions,.service-payment-actions,.role-card-actions{width:100%}.sidebar.collapsed{display:none}.brand-head{align-items:flex-start}.workspace-topbar,.panel-head,.hero-panel,.hero-metrics,.topbar-actions{flex-direction:column;align-items:stretch}.dashboard-bars{grid-template-columns:repeat(3,minmax(0,1fr));min-height:auto}.dashboard-bar-track{height:160px}.table-tools,.custom-page-header,.customer-card-head,.vehicle-control-head,.purchase-card-head,.device-meta-strip{flex-direction:column;align-items:stretch}}.detail-block-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.command-record-list{flex-direction:column;gap:10px;max-height:300px;display:flex;overflow-y:auto}.command-record-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.command-record-main{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.command-record-type{color:#1e293b;font-size:13px;font-weight:600}.command-record-status{border-radius:6px;padding:2px 8px;font-size:12px;font-weight:500}.command-record-status.status-sent{color:#0284c7;background:#e0f2fe}.command-record-status.status-success,.command-record-status.status-acknowledged{color:#16a34a;background:#dcfce7}.command-record-status.status-failed{color:#dc2626;background:#fee2e2}.command-record-status.status-pending{color:#d97706;background:#fef3c7}.command-record-content{color:#475569;margin-bottom:4px;font-size:13px}.command-record-meta{color:#94a3b8;font-size:12px}.command-record-error{color:#dc2626;margin-top:4px;font-size:12px}.empty-state-inline{text-align:center;color:#94a3b8;padding:24px 0;font-size:14px}.summary-row{cursor:default}.summary-row.expanded{background:#f0f5ff}.summary-row:hover{background:#f8fafc}.summary-row.expanded:hover{background:#f0f5ff}.clickable-count{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 8px;font-size:14px;font-weight:600;transition:background .15s}.clickable-count:hover{background:#dbeafe;text-decoration:underline}.detail-row>td{border-top:none;padding:0!important}.nested-detail{box-sizing:border-box;background:#f8fafc;border-bottom:2px solid #dbeafe;width:100%;padding:16px 24px 20px}.nested-detail-header{color:#475569;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.nested-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;font-size:14px;overflow:hidden}.nested-table th{text-align:left;color:#64748b;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:13px;font-weight:600}.nested-table td{border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:14px}.nested-table tr:hover td{background:#fafbff}.pagination{justify-content:center;align-items:center;gap:4px;padding:16px 0 4px;display:flex}.pagination-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:32px;height:32px;padding:0 8px;font-size:13px;transition:all .15s}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.pagination-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.field-error{color:#dc2626;padding:2px 0 4px;font-size:12px;display:block}.import-textarea{resize:vertical;color:#334155;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-family:Menlo,Consolas,monospace;font-size:13px;line-height:1.6}.import-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.import-textarea::placeholder{color:#94a3b8}.modal-scroll-table{border:1px solid #e2e8f0;border-radius:8px;max-height:320px;margin-bottom:16px;overflow-y:auto}.modal-scroll-table table{border-collapse:collapse;width:100%;font-size:13px}.modal-scroll-table th{text-align:left;color:#475569;z-index:1;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 12px;font-weight:600;position:sticky;top:0}.modal-scroll-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:8px 12px}.modal-scroll-table tr:hover{background:#f8fafc}.modal-scroll-table tr.summary-row.expanded{background:#eff6ff}.modal-field.full{grid-column:1/-1}.guide-overview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.guide-flow{flex-wrap:wrap;align-items:center;gap:0;padding:12px 0;display:flex;overflow-x:auto}.guide-flow-item{flex-shrink:0;align-items:center;gap:8px;display:flex}.guide-flow-node{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 8px #0000001f}.guide-flow-icon{font-size:20px;line-height:1}.guide-flow-label{color:#374151;white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:12px;font-weight:600;overflow:hidden}.guide-flow-arrow{color:#9ca3af;flex-shrink:0;margin:0 4px;font-size:18px}.guide-steps{flex-direction:column;gap:12px;display:flex}.guide-step-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-left-width:4px;border-radius:10px;transition:box-shadow .15s,border-color .15s;overflow:hidden}.guide-step-card:hover{border-color:#d1d5db;box-shadow:0 2px 12px #0000000f}.guide-step-header{align-items:center;gap:12px;padding:16px 20px;display:flex}.guide-step-number{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.guide-step-title-area{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.guide-step-icon{flex-shrink:0;font-size:20px}.guide-step-title{color:#1f2937;margin:0;font-size:15px;font-weight:650}.guide-step-toggle{color:#9ca3af;flex-shrink:0;font-size:12px}.guide-step-body{border-top:1px solid #f3f4f6;padding:16px 20px 20px}.guide-step-desc{color:#4b5563;background:#f9fafb;border-left:3px solid #6366f1;border-radius:8px;margin:0 0 12px;padding:12px 16px;font-size:14px;line-height:1.7}.guide-step-meta{align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.guide-meta-label{color:#6b7280}.guide-meta-code{color:#6366f1;background:#f3f4f6;border-radius:5px;padding:3px 10px;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:600}.guide-step-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.guide-step-columns{grid-template-columns:1fr}}.guide-step-col h4{color:#374151;margin:0 0 8px;font-size:14px;font-weight:650}.guide-action-list,.guide-tips-list{color:#4b5563;margin:0;padding-left:20px;font-size:13px;line-height:1.8}.guide-action-list li,.guide-tips-list li{margin-bottom:2px}.guide-tips-list{padding-left:0;list-style:none}.guide-tips-list li:before{content:"▸ ";color:#6366f1}.guide-screenshot{margin-top:16px}.guide-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.guide-summary-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=1024px){.guide-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.guide-summary-grid{grid-template-columns:1fr}}.guide-summary-card{background:#f9fafb;border:1px solid #e5e7eb;border-top-width:3px;border-radius:10px;align-items:flex-start;gap:12px;padding:16px;display:flex}.guide-summary-icon{flex-shrink:0;margin-top:2px;font-size:24px}.track-playback-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.track-playback-divider{color:#d6dce8;margin:0 .25rem;font-size:14px}.track-playback-info{color:#6d7891;align-items:center;gap:.75rem;font-size:12px;display:flex}.track-replay-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}.track-replay-table thead{z-index:2;position:sticky;top:0}.track-replay-table thead th{color:#6d7891;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e3e8f0;padding:6px 8px;font-size:11px;font-weight:600}.track-replay-table tbody tr{border-bottom:1px solid #f0f3f8;transition:background .15s}.track-replay-table tbody tr:hover{background:#f4f8ff}.track-replay-table tbody tr.track-row-active{box-shadow:inset 3px 0 #f59e0b;background:#fff3cd!important}.track-replay-table tbody td{color:#17233d;vertical-align:middle;white-space:nowrap;padding:5px 8px}.track-replay-table tbody td:last-child{text-overflow:ellipsis;max-width:200px;overflow:hidden}.track-replay-layout{flex-direction:column;gap:.75rem;height:calc(100vh - 260px);min-height:520px;display:flex}.track-replay-map-shell{background:#eef2f6;border:1px solid #e3e8f0;border-radius:8px;flex:55%;min-height:300px;position:relative;overflow:hidden}.track-replay-map{width:100%;height:100%}.track-replay-map-overlay{z-index:10;position:absolute;bottom:12px;left:12px;right:12px}.track-replay-map-controls{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #e3e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;box-shadow:0 2px 8px #00000014}.track-playback-buttons{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.track-playback-divider{color:#cbd5e0;-webkit-user-select:none;user-select:none;margin:0 .15rem}.track-playback-info{color:#6d7891;white-space:nowrap;align-items:center;gap:.75rem;font-size:12px;display:flex}.track-replay-map-empty{color:#6d7891;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#ffffffeb;border-top:1px solid #e3e8f0;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.track-replay-table-shell{border:1px solid #e3e8f0;border-radius:8px;flex:0 0 280px;min-height:180px;overflow:hidden}