:root{--bg:#f4f8f8;--panel:rgba(255,255,255,0.84);--panel-strong:rgba(255,255,255,0.92);--line:rgba(15,34,52,0.1);--line-strong:rgba(15,34,52,0.16);--text:#10202f;--muted:#5c7486;--petroleum:#123047;--petroleum-strong:#0b2234;--electric:#22d37d;--electric-soft:rgba(34,211,125,0.14);--shadow-lg:0 18px 42px rgba(11,34,52,0.08);--shadow-xl:0 26px 64px rgba(11,34,52,0.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;padding:0;background:radial-gradient(circle at 12% 8%,rgba(34,211,125,.18),transparent 0 22%),radial-gradient(circle at 88% 6%,rgba(18,48,71,.12),transparent 0 28%),linear-gradient(180deg,#eef7f6,#f8fbfd 44%,#f3f7fa);color:var(--text);font-family:Segoe UI,Inter,sans-serif}body:before{content:"";inset:0;pointer-events:none;position:fixed;background:linear-gradient(90deg,transparent,rgba(34,211,125,.03),transparent),linear-gradient(180deg,rgba(18,48,71,.025),transparent)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;grid-template-rows:auto auto minmax(0,1fr) auto;grid-gap:8px;gap:8px;overflow-x:hidden;overflow-y:auto;padding:16px 16px 14px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.54));border-right:1px solid rgba(255,255,255,.8);box-shadow:inset -1px 0 0 rgba(18,48,71,.05);z-index:2}.sidebar,.sidebar-brand,.sidebar-brand-meta,.sidebar-nav{display:grid}.sidebar-brand{gap:8px}.sidebar-brand-panel{display:flex;align-items:center;min-height:0}.sidebar-brand-meta{gap:6px}.sidebar-domain-label{color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sidebar-domain-value{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;min-height:34px;padding:7px 11px;border-radius:999px;background:var(--electric-soft);border:1px solid rgba(34,211,125,.18);color:var(--petroleum);font-size:.8rem;font-weight:800}.sidebar-nav{gap:2px;align-content:flex-start;min-width:0}.sidebar-nav a{display:flex;align-items:center;min-height:34px;padding:7px 9px;border-radius:11px;border:1px solid transparent;color:var(--muted);font-weight:700;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.sidebar-nav a:hover{color:var(--petroleum);background:rgba(255,255,255,.72);border-color:var(--line);transform:translateX(3px)}.content{min-width:0;overflow:auto;padding:18px 22px}.page-header{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px}.page-header--split{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px}.page-header h2{margin:0;font-size:clamp(1.9rem,2.8vw,2.5rem);line-height:1.02;letter-spacing:-.05em}.page-header p{margin:0;max-width:720px;color:var(--muted);font-size:.94rem;line-height:1.58}.card-grid,.metric-grid{display:grid;grid-gap:16px;gap:16px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:18px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.glass-card{padding:14px;border-radius:18px;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,var(--panel-strong),rgba(255,255,255,.74));box-shadow:var(--shadow-lg)}.glass-card--outlined{border-color:var(--line-strong)}.metric-value{margin:8px 0 4px;font-size:2.2rem;font-weight:800;letter-spacing:-.05em}.muted{color:var(--muted)}.data-table-shell{width:100%;overflow-x:auto}.data-table{width:100%;min-width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:12px 8px;border-bottom:1px solid rgba(148,163,184,.22);text-align:left;vertical-align:top;white-space:normal}.data-stack{display:grid;grid-gap:14px;gap:14px}.data-record{display:grid;grid-gap:12px;gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(18,48,71,.1);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,250,251,.78))}.data-record-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:flex-start}.data-record-title{margin:0;color:var(--petroleum);font-size:1.04rem;font-weight:800}.data-record-subtitle{margin:0;color:var(--muted);line-height:1.55}.data-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));grid-gap:8px;gap:8px}.data-kv{display:grid;grid-gap:5px;gap:5px;min-height:66px;padding:9px 11px;border-radius:14px;border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.72)}.data-kv-label{color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.data-kv-value{color:var(--text);font-size:.98rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.action-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.action-pill{display:inline-flex;align-items:center;justify-content:center;min-width:68px;min-height:30px;padding:7px 11px;border-radius:999px;font-size:.8rem;font-weight:800;box-shadow:0 10px 20px rgba(11,34,52,.06)}.action-pill--photo{background:rgba(219,234,254,.96);border:1px solid rgba(96,165,250,.22);color:#1d4ed8}.action-pill--map{background:rgba(209,250,229,.96);border:1px solid rgba(52,211,153,.22);color:#047857}.action-pill--ghost{background:rgba(255,255,255,.84);border:1px solid rgba(148,163,184,.16);color:var(--petroleum)}.tag{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;min-height:32px;padding:6px 12px;border-radius:999px;background:linear-gradient(90deg,rgba(34,211,125,.2),rgba(34,211,125,.08));border:1px solid rgba(34,211,125,.16);color:#11a965;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.vehicle-card-shell{position:relative}.vehicle-card-shell:after{content:"";position:absolute;inset:10px;border:1px solid rgba(18,48,71,.06);border-radius:24px;pointer-events:none}.brand-page{display:grid;grid-gap:32px;gap:32px;width:min(100%,1440px);min-height:100vh;margin:0 auto;padding:22px 26px 40px}.brand-page--compact{gap:22px}.brand-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.brand-lockup{display:inline-flex;align-items:center}.brand-topbar-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.brand-login-link,.brand-topbar-links a,.domain-badge{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.82);box-shadow:0 10px 24px rgba(11,34,52,.06);color:var(--petroleum);font-weight:800}.brand-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,520px);align-items:center;grid-gap:26px;gap:26px}.brand-hero-copy{display:grid;grid-gap:14px;gap:14px}.brand-hero-copy h1{margin:0;max-width:820px;font-size:clamp(3.2rem,5.2vw,4.8rem);line-height:.96;letter-spacing:-.07em}.brand-hero-copy p,.brand-section-head p{margin:0;color:var(--muted);font-size:.98rem;line-height:1.72}.brand-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.brand-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:16px;font-size:.95rem;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}.brand-button:hover{transform:translateY(-1px)}.brand-button-primary{background:var(--petroleum);color:#f8fafc;box-shadow:0 18px 30px rgba(11,34,52,.18)}.brand-button-secondary{background:rgba(255,255,255,.84);border:1px solid rgba(148,163,184,.16);color:var(--petroleum)}.brand-hero-visual img{display:block;width:100%;height:auto;border-radius:28px;border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 60px rgba(12,28,43,.16)}.brand-section,.brand-section-head{display:grid;grid-gap:12px;gap:12px}.brand-panel{padding:20px;border-radius:26px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.74));box-shadow:var(--shadow-xl)}.brand-panel--compact{padding:18px}.brand-product-grid,.brand-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.brand-product-card,.brand-step-card{display:grid;grid-gap:10px;gap:10px;padding:18px;border-radius:24px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.76));box-shadow:0 16px 34px rgba(12,28,43,.08)}.brand-product-card h3,.brand-step-card h3{margin:0;font-size:1.22rem;letter-spacing:-.03em}.brand-product-card p,.brand-step-card p{margin:0;color:var(--muted);line-height:1.66}.brand-product-status,.brand-step-card span{color:var(--petroleum);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero-chip{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;min-height:34px;padding:7px 14px;border-radius:999px;background:linear-gradient(90deg,rgba(34,211,125,.18),rgba(255,255,255,.46));border:1px solid rgba(34,211,125,.14);color:var(--electric);font-size:.84rem;font-weight:800}.login-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);grid-gap:22px;gap:22px}.login-panel-copy{display:grid;align-content:flex-start;grid-gap:12px;gap:12px}.login-panel-copy h1{margin:0;font-size:clamp(2.1rem,3vw,3rem);line-height:.98;letter-spacing:-.05em}.login-form{display:grid;grid-gap:12px;gap:12px}.login-field{display:grid;grid-gap:8px;gap:8px}.login-field span{color:var(--petroleum);font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-field input{width:100%;min-height:48px;padding:12px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.82);color:var(--text)}.login-error{margin:0;color:#9f1239;font-weight:700}.brand-mark{width:-moz-fit-content;width:fit-content}.brand-mark,.brand-mark-lockup{display:inline-flex;align-items:center;min-width:0}.brand-mark-lockup{gap:10px}.brand-mark-icon-shell{position:relative;flex:0 0 auto;overflow:hidden}.brand-mark-icon{display:block;object-fit:contain}.brand-mark-copy{display:grid;grid-gap:1px;gap:1px;line-height:.94}.brand-mark-company-title,.brand-mark-product-title{color:var(--petroleum);font-weight:900;letter-spacing:-.05em}.brand-mark-subtitle{color:#35566d;font-weight:800;letter-spacing:-.01em}.section-jump-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.section-jump-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:112px;padding:0 12px;border-radius:15px;border:2px solid rgba(34,197,94,.9);background:rgba(255,255,255,.76);color:var(--petroleum);font-weight:800}.section-anchor{scroll-margin-top:20px}.dashboard-shell{display:grid;grid-gap:18px;gap:18px}.dashboard-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px}.dashboard-section-label{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dashboard-title-block{display:grid;grid-gap:4px;gap:4px}.dashboard-title-block h2{margin:0;font-size:clamp(1.5rem,2.1vw,1.95rem);letter-spacing:-.05em}.dashboard-title-block p{margin:0;color:var(--muted);line-height:1.55}.dashboard-overview-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(150px,1fr));grid-gap:12px;gap:12px}.dashboard-hero-card{position:relative;overflow:hidden;display:grid;grid-gap:12px;gap:12px;min-height:184px;padding:16px;border-radius:20px;border:1px solid rgba(34,211,125,.12);background:radial-gradient(circle at top right,rgba(34,211,125,.16),transparent 0 38%),linear-gradient(135deg,rgba(9,29,43,.98),rgba(18,48,71,.94));box-shadow:0 26px 64px rgba(10,24,38,.2);color:#eff7fb}.dashboard-hero-card h3{margin:0;color:#f7fbff;font-size:1.2rem;letter-spacing:-.04em}.dashboard-hero-card p{margin:0;color:rgba(232,241,248,.82);line-height:1.58}.dashboard-block-actions,.dashboard-hero-badges{display:flex;flex-wrap:wrap;gap:8px}.dashboard-hero-badge{display:inline-flex;align-items:center;min-height:30px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.08);color:rgba(247,251,255,.9);font-size:.78rem;font-weight:800}.dashboard-hero-bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;grid-gap:8px;gap:8px;height:84px}.dashboard-hero-bars span{min-height:14px;border-radius:16px 16px 8px 8px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(34,211,125,.94),rgba(122,255,199,.28))}.dashboard-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:14px;gap:14px}.dashboard-metric-card{display:grid;grid-gap:6px;gap:6px;min-height:132px;padding:18px;border-radius:22px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,250,252,.82));box-shadow:0 16px 38px rgba(11,34,52,.07)}.dashboard-metric-card span{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dashboard-metric-card strong{color:var(--petroleum);font-size:2.2rem;letter-spacing:-.06em}.dashboard-board{grid-template-columns:minmax(0,1.3fr) minmax(300px,.92fr)}.dashboard-board,.dashboard-panel{display:grid;grid-gap:12px;gap:12px}.dashboard-panel{padding:14px;border-radius:18px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.76));box-shadow:0 18px 42px rgba(11,34,52,.08)}.dashboard-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dashboard-mini-card h4,.dashboard-panel-head h3{margin:0}.dashboard-panel-head p{margin:6px 0 0;color:var(--muted)}.dashboard-bar-stack,.dashboard-list{display:grid;grid-gap:10px;gap:10px}.dashboard-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;min-width:0;padding:12px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.12);background:rgba(244,248,248,.86)}.dashboard-list-item strong,.dashboard-mini-card strong{display:block;font-size:.98rem;line-height:1.42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-list-item span,.dashboard-mini-card span{color:var(--muted);display:block;line-height:1.5;overflow-wrap:anywhere}.dashboard-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:7px 11px;border-radius:999px;font-size:.8rem;font-weight:800}.dashboard-badge--ok{background:rgba(34,197,94,.16);color:#166534}.dashboard-badge--warning{background:rgba(245,158,11,.16);color:#92400e}.dashboard-badge--danger{background:rgba(244,63,94,.16);color:#9f1239}.dashboard-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.dashboard-mini-card{display:grid;grid-gap:12px;gap:12px;padding:16px;border-radius:20px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(244,248,248,.78));box-shadow:0 16px 36px rgba(11,34,52,.06)}.dashboard-bar-row{display:grid;grid-gap:7px;gap:7px}.dashboard-bar-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem;font-weight:700}.dashboard-bar-track{height:10px;overflow:hidden;border-radius:999px;background:rgba(18,48,71,.08)}.dashboard-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#123047,#22d37d)}.dashboard-block-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px}.dashboard-block-card{display:grid;grid-gap:8px;gap:8px;min-width:0;min-height:132px;padding:14px;border-radius:16px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,250,252,.82));box-shadow:0 16px 38px rgba(11,34,52,.07);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dashboard-block-card:hover{transform:translateY(-2px);border-color:rgba(34,211,125,.24);box-shadow:0 22px 48px rgba(11,34,52,.1)}.dashboard-block-card.is-active{border-color:rgba(34,211,125,.34)}.dashboard-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dashboard-block-head span{color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dashboard-block-card strong{color:var(--petroleum);font-size:1.72rem;letter-spacing:-.05em}.dashboard-block-card p{margin:0;color:var(--muted);line-height:1.55}@media (max-width:1160px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;overflow:visible;border-right:0;border-bottom:1px solid rgba(255,255,255,.8)}}@media (max-width:960px){.brand-page,.content{padding:18px}.brand-hero,.dashboard-board,.dashboard-overview-grid,.data-record-head,.login-panel,.page-header--split{grid-template-columns:1fr}}@media (max-width:720px){.brand-product-grid,.brand-steps-grid,.card-grid,.dashboard-block-grid,.dashboard-metric-grid,.dashboard-mini-grid,.metric-grid{grid-template-columns:1fr}}