@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-0:#f4f7fb;--bg-1:#fff;--bg-2:#f0f4f9;--bg-3:#fff;--bg-4:#e9eef5;--bg-5:#dbe4ef;--glass:#fffffff5;--glass-border:#0f2d7f1c;--glass-border-hover:#0f2d7f3d;--blue:#1746b3;--blue-l:#2563d9;--blue-d:#0f2d7f;--cyan:#06b6d4;--cyan-l:#22d3ee;--green:#10b981;--green-l:#34d399;--green-d:#059669;--yellow:#f59e0b;--yellow-l:#fbbf24;--orange:#f97316;--red:#ef4444;--red-l:#f87171;--purple:#8b5cf6;--purple-l:#a78bfa;--pink:#ec4899;--text-1:#182238;--text-2:#58667a;--text-3:#78869a;--text-4:#9aa7b7;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--shadow:0 8px 30px #1a325a14;--font:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", monospace;--ease:cubic-bezier(.4, 0, .2, 1);--sidebar-w:236px;--sidebar-collapsed:68px;--header-h:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-0);color:var(--text-1);min-height:100vh;line-height:1.5;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(at 15% 15%,#1746b30b 0%,#0000 48%),radial-gradient(at 85% 85%,#10b98109 0%,#0000 48%);animation:25s ease-in-out infinite alternate ambientShift;position:fixed;inset:0}@keyframes ambientShift{0%{transform:translate(0)scale(1)}to{transform:translate(-1%,-1%)scale(1.02)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-5);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}.sidebar{width:var(--sidebar-w);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid var(--glass-border);z-index:200;transition:width .3s var(--ease), transform .3s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:8px 0 28px #1a325a0b}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{border-bottom:1px solid var(--glass-border);min-height:var(--header-h);align-items:center;gap:12px;padding:16px 18px;display:flex}.sidebar-logo{color:#fff;background:linear-gradient(145deg,#12378f 0%,#1c61d7 60%,#3bbf8a 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:900;display:flex;box-shadow:0 8px 18px #1746b338}.sidebar-brand{transition:opacity .2s var(--ease), width .3s var(--ease);overflow:hidden}.sidebar.collapsed .sidebar-brand{opacity:0;width:0}.sidebar-brand h1{letter-spacing:-.5px;white-space:nowrap;color:#102a65;font-size:16px;font-weight:800}.sidebar-brand p{color:var(--text-3);white-space:nowrap;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar-section{text-transform:uppercase;letter-spacing:1px;color:var(--text-4);white-space:nowrap;margin-top:16px;margin-bottom:6px;padding:0 8px;font-size:10px;font-weight:600;overflow:hidden}.sidebar.collapsed .sidebar-section{opacity:0;height:0;margin:0}.nav-item{border-radius:var(--r-md);cursor:pointer;transition:all .2s var(--ease);color:var(--text-2);white-space:nowrap;text-align:left;width:100%;font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--text-1);background:#f0f4fa}.nav-item.active{color:#164bb8;background:#e9f0ff;border:1px solid #d7e3fd}.nav-item.active:before{content:"";background:var(--blue);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-label{transition:opacity .2s var(--ease);overflow:hidden}.sidebar.collapsed .nav-label{opacity:0;width:0}.nav-badge{color:var(--red-l);background:#ef444426;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sidebar.collapsed .nav-badge{padding:1px 4px;font-size:8px;position:absolute;top:4px;right:4px}.sidebar-footer{border-top:1px solid var(--glass-border);align-items:center;gap:10px;padding:12px 14px;display:flex}.sidebar-avatar{color:#fff;background:linear-gradient(135deg,#12378f,#3bbf8a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.sidebar-user{transition:opacity .2s;overflow:hidden}.sidebar.collapsed .sidebar-user{opacity:0;width:0}.sidebar-user-name{white-space:nowrap;font-size:12px;font-weight:600}.sidebar-user-role{color:var(--text-3);white-space:nowrap;font-size:10px}.sidebar-toggle{border-radius:var(--r-sm);background:var(--bg-4);border:1px solid var(--glass-border);width:28px;height:28px;color:var(--text-2);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:14px;transition:all .2s;display:flex}.sidebar-toggle:hover{background:var(--bg-5);color:var(--text-1)}.main-content{margin-left:var(--sidebar-w);transition:margin-left .3s var(--ease);flex-direction:column;flex:1;min-height:100vh;display:flex}.main-content.collapsed{margin-left:var(--sidebar-collapsed)}.topbar{height:var(--header-h);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;background:linear-gradient(110deg,#102b78 0%,#123b98 62%,#1750b5 100%);border-bottom:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0f2d7f29}.topbar-left{align-items:center;gap:16px;display:flex}.topbar-breadcrumb{align-items:center;gap:8px;font-size:13px;display:flex}.topbar-breadcrumb strong{color:#fff;font-weight:600}.topbar-right{align-items:center;gap:14px;display:flex}.topbar-search{border-radius:var(--r-md);width:260px;transition:all .3s var(--ease);background:#ffffff1a;border:1px solid #ffffff29;align-items:center;gap:8px;padding:6px 14px;display:flex}.topbar-search:focus-within{border-color:var(--blue);width:320px;box-shadow:0 0 0 3px #3b82f61a}.topbar-search input{color:#fff;font-size:13px;font-family:var(--font);background:0 0;border:none;outline:none;width:100%}.topbar-icon-btn{border-radius:var(--r-md);color:#ffffffc7;cursor:pointer;width:36px;height:36px;transition:all .2s var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.topbar-icon-btn .notif-dot{background:var(--red);border:2px solid var(--bg-1);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.topbar-clock{color:#fffc;font-size:13px;font-family:var(--mono);font-variant-numeric:tabular-nums}.page{width:100%;max-width:1600px;animation:pageIn .4s var(--ease);flex:1;margin:0 auto;padding:24px}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.5px;font-size:24px;font-weight:800}.page-subtitle{color:var(--text-3);margin-top:2px;font-size:13px}.page-actions{align-items:center;gap:10px;display:flex}.operations-live{color:#087a55;background:#e8f8f1;border:1px solid #c9eddf;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.grid{gap:16px;margin-bottom:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.grid-23{grid-template-columns:2fr 1fr}.grid-32{grid-template-columns:3fr 2fr}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.full{grid-column:1/-1}.card{background:var(--bg-3);border:1px solid var(--glass-border);border-radius:var(--r-lg);transition:all .3s var(--ease);overflow:hidden;box-shadow:0 3px 16px #1a325a0e}.card:hover{border-color:var(--glass-border-hover);box-shadow:0 8px 26px #1a325a16}.topbar-suite{align-items:center;gap:6px;font-weight:700;display:inline-flex}.topbar-avatar{color:#fff;background:#3bbf8a;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 0 0 3px #ffffff1f}.card-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card-title{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.card-title .dot{border-radius:50%;width:7px;height:7px;display:inline-block}.card-body.flush{padding:0}.kpi{background:var(--bg-3);border:1px solid var(--glass-border);border-radius:var(--r-lg);transition:all .3s var(--ease);padding:18px 20px;position:relative;overflow:hidden;box-shadow:0 3px 16px #1a325a0e}.kpi:hover{background:var(--bg-3);border-color:var(--glass-border-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.kpi:after{content:"";filter:blur(40px);opacity:.08;pointer-events:none;border-radius:50%;width:80px;height:80px;position:absolute;top:-10px;right:-10px}.kpi.c-blue:after{background:var(--blue)}.kpi.c-green:after{background:var(--green)}.kpi.c-yellow:after{background:var(--yellow)}.kpi.c-purple:after{background:var(--purple)}.kpi.c-cyan:after{background:var(--cyan)}.kpi.c-red:after{background:var(--red)}.kpi.c-orange:after{background:var(--orange)}.kpi.c-pink:after{background:var(--pink)}.kpi-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.kpi-icon{border-radius:var(--r-sm);background:#f0f4fa;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.kpi-value{letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.kpi-change{align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:500;display:flex}.kpi-change.up{color:var(--green)}.kpi-change.down{color:var(--red)}.kpi-change.neutral{color:var(--text-3)}.badge{letter-spacing:.3px;white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-flex}.badge-blue{color:var(--blue-l);background:#3b82f61f}.badge-green{color:var(--green-l);background:#10b9811f}.badge-red{color:var(--red-l);background:#ef44441f}.badge-yellow{color:var(--yellow);background:#f59e0b1f}.badge-purple{color:var(--purple-l);background:#8b5cf61f}.badge-cyan{color:var(--cyan-l);background:#06b6d41f}.badge-orange{color:var(--orange);background:#f973161f}.btn{border-radius:var(--r-md);font-family:var(--font);cursor:pointer;transition:all .2s var(--ease);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--blue), var(--blue-d));color:#fff;box-shadow:0 2px 12px #3b82f64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #3b82f666}.btn-secondary{background:var(--bg-4);border-color:var(--glass-border);color:var(--text-1)}.btn-secondary:hover{background:var(--bg-5);border-color:var(--glass-border-hover)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{color:var(--text-1);background:#ffffff0d}.btn-danger{color:var(--red-l);background:#ef44441f;border-color:#ef444433}.btn-danger:hover{background:#ef444433}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table thead th{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--glass-border);background:var(--bg-3);z-index:1;padding:10px 14px;font-size:10px;font-weight:600;position:sticky;top:0}.data-table tbody tr{transition:background .2s var(--ease)}.data-table tbody td{font-variant-numeric:tabular-nums;border-bottom:1px solid #edf1f6;padding:10px 14px;font-size:13px}.data-table .text-right{text-align:right}.data-table .text-center{text-align:center}.data-table .code{color:var(--blue-l);font-weight:700;font-family:var(--mono);font-size:12px}.data-table .money{color:var(--green-l);font-weight:700}.data-table .mono{font-family:var(--mono);font-size:12px}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.online{background:var(--green);animation:2s infinite pulse;box-shadow:0 0 6px #10b98166}.status-dot.offline{background:var(--red);box-shadow:0 0 6px #ef444466}.status-dot.maintenance{background:var(--yellow);box-shadow:0 0 6px #f59e0b66}@keyframes pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}.progress-bar{background:#ffffff0d;border-radius:3px;height:6px;overflow:hidden}.progress-fill{height:100%;transition:width 1s var(--ease);border-radius:3px}.progress-fill.green{background:var(--green)}.progress-fill.yellow{background:var(--yellow)}.progress-fill.red{background:var(--red)}.progress-fill.blue{background:var(--blue)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-2);font-size:12px;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-2);border:1px solid var(--glass-border);border-radius:var(--r-md);color:var(--text-1);font-family:var(--font);transition:all .2s var(--ease);outline:none;padding:10px 14px;font-size:13px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--text-4)}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.tabs{border-bottom:1px solid var(--glass-border);gap:2px;margin-bottom:20px;display:flex}.tab-btn{color:var(--text-3);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);transition:all .2s var(--ease);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px}.tab-btn:hover{color:var(--text-2);background:#3b82f60a}.tab-btn.active{color:var(--blue-l);border-bottom-color:var(--blue)}.alert-item{border-radius:var(--r-md);transition:all .2s var(--ease);animation:fadeSlideIn .3s var(--ease);border:1px solid #0000;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.alert-item:hover{border-color:var(--glass-border);background:#ffffff05}.alert-item.critical{border-left:3px solid var(--red);background:#ef444408}.alert-item.warning{border-left:3px solid var(--yellow);background:#f59e0b08}.alert-item.info{border-left:3px solid var(--blue);background:#3b82f608}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.machine-card{background:var(--bg-3);border:1px solid var(--glass-border);border-radius:var(--r-lg);transition:all .3s var(--ease);cursor:pointer;padding:18px;position:relative;overflow:hidden}.machine-card:hover{border-color:var(--glass-border-hover);transform:translateY(-3px);box-shadow:0 8px 32px #0000004d}.machine-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.machine-card.online:before{background:var(--green)}.machine-card.offline:before{background:var(--red)}.machine-card.maintenance:before{background:var(--yellow)}.machine-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.machine-card-id{font-family:var(--mono);color:var(--blue-l);font-size:14px;font-weight:700}.machine-card-body{flex-direction:column;gap:8px;display:flex}.machine-card-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.machine-card-row label{color:var(--text-3)}.machine-card-row span{font-weight:600}.map-container{border-radius:var(--r-lg);border:1px solid var(--glass-border);height:400px;overflow:hidden}.map-container .leaflet-container{background:var(--bg-2);width:100%;height:100%}.chart-wrapper{height:260px;position:relative}.chart-wrapper canvas{width:100%!important;height:100%!important}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state-title{color:var(--text-2);margin-bottom:6px;font-size:16px;font-weight:600}.empty-state-desc{color:var(--text-3);max-width:400px;font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:fadeIn .2s var(--ease);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.modal{background:var(--bg-2);border:1px solid var(--glass-border);border-radius:var(--r-xl);width:90%;max-width:600px;max-height:85vh;animation:modalIn .3s var(--ease);overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-size:16px;font-weight:700}.modal-close{border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.modal-close:hover{color:var(--text-1);background:#ffffff0d}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--glass-border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filter-chip{background:var(--bg-4);border:1px solid var(--glass-border);color:var(--text-2);cursor:pointer;transition:all .2s var(--ease);font-size:12px;font-weight:500;font-family:var(--font);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.filter-chip:hover{border-color:var(--glass-border-hover);color:var(--text-1)}.filter-chip.active{color:var(--blue-l);background:#3b82f61a;border-color:#3b82f64d}.timeline{padding-left:24px;position:relative}.timeline:before{content:"";background:var(--glass-border);width:2px;position:absolute;top:0;bottom:0;left:7px}.timeline-item{padding-bottom:24px;position:relative}.timeline-dot{border:2px solid var(--bg-0);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-21px}.timeline-dot.blue{background:var(--blue)}.timeline-dot.green{background:var(--green)}.timeline-dot.yellow{background:var(--yellow)}.timeline-dot.red{background:var(--red)}.timeline-time{color:var(--text-3);font-size:11px;font-family:var(--mono);margin-bottom:4px}.timeline-content{color:var(--text-2);font-size:13px}.text-muted{color:var(--text-3)}.text-blue{color:var(--blue-l)}.text-green{color:var(--green-l)}.text-red{color:var(--red-l)}.text-yellow{color:var(--yellow)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-mono{font-family:var(--mono)}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.w-full{width:100%}@media (width<=1200px){.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.grid-23,.grid-32{grid-template-columns:1fr}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0!important}.page{padding:16px}.grid-4,.grid-5,.grid-3,.grid-2{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.topbar-search{display:none}}.animate-in{animation:fadeSlideIn .4s var(--ease)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-3) 25%, var(--bg-4) 50%, var(--bg-3) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-day{aspect-ratio:1;border-radius:var(--r-sm);cursor:pointer;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:all .2s;display:flex;position:relative}.calendar-day:hover{background:var(--bg-4)}.calendar-day.today{color:var(--blue-l);background:#3b82f626;font-weight:700}.calendar-day.has-event:after{content:"";background:var(--blue);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.calendar-day.other-month{color:var(--text-4)}.finance-stat{text-align:center;padding:20px}.finance-stat-value{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:28px;font-weight:900}.finance-stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px}.mobile-overlay{z-index:150;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-overlay.active{display:block}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);background:var(--bg-1);border:1px solid var(--glass-border);color:var(--text-1);border-radius:var(--r-sm);white-space:nowrap;opacity:0;pointer-events:none;padding:4px 10px;font-size:11px;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.leaflet-container{font-family:var(--font)!important}.leaflet-control-zoom a{background:var(--bg-3)!important;color:var(--text-1)!important;border-color:#ffffff1a!important}.leaflet-control-zoom a:hover{background:var(--bg-4)!important}.leaflet-control-attribution{color:var(--text-3)!important;background:#0e1626cc!important;font-size:9px!important}.leaflet-control-attribution a{color:var(--text-3)!important}:root{--bg-0:#eaf1f5;--bg-2:#f3f7f9;--bg-4:#e3ebf0;--bg-5:#d5e0e7;--blue:#08729f;--blue-l:#0784b8;--blue-d:#075779;--green:#25a95b;--green-l:#25a95b;--yellow:#f1aa24;--red:#df3e35;--text-1:#263843;--text-2:#526773;--text-3:#738691;--text-4:#94a3ab;--glass-border:#d4e0e6;--glass-border-hover:#aabfc9;--r-sm:3px;--r-md:4px;--r-lg:5px;--r-xl:7px;--shadow:0 2px 8px #1f415221;--header-h:46px}body{background:var(--bg-0);font-size:13px}body:before{display:none}#root{min-height:100vh;display:block}.app-shell-header{color:#fff;z-index:300;background:linear-gradient(#0878a4 0%,#09698f 100%);border-bottom:1px solid #05516f;align-items:stretch;gap:16px;min-height:52px;padding:0 18px;display:flex;position:sticky;top:0;box-shadow:0 1px 5px #0c364947}.app-brand{color:#fff;align-items:center;gap:9px;min-width:205px;text-decoration:none;display:flex}.app-brand-logo{filter:drop-shadow(0 1px 2px #0000003d);flex:none;width:36px;height:36px;display:block}.app-brand-copy{flex-direction:column;line-height:1.05;display:flex}.app-brand-copy strong{letter-spacing:-.25px;font-size:14px}.app-brand-copy small{color:#ffffffad;text-transform:uppercase;letter-spacing:.7px;margin-top:3px;font-size:8px}.app-shell-nav{flex:1;align-items:stretch;min-width:0;display:flex}.shell-home,.nav-group-trigger{color:#ffffffdb;height:52px;font:600 11px var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:4px;padding:0 10px;text-decoration:none;display:inline-flex}.shell-home:hover,.shell-home.active,.nav-group:hover .nav-group-trigger,.nav-group:focus-within .nav-group-trigger,.nav-group.active .nav-group-trigger{color:#fff;background:#00000017;border-bottom-color:#80c94f}.nav-group{position:relative}.nav-dropdown{background:#fff;border:1px solid #b9cbd4;border-top:3px solid #79bd4b;border-radius:0 0 4px 4px;min-width:220px;max-height:calc(100vh - 70px);padding:5px;display:none;position:absolute;top:48px;left:0;overflow-y:auto;box-shadow:0 7px 18px #19394838}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown,.nav-group.open .nav-dropdown{display:block}.nav-section+.nav-section{border-top:1px solid #e6ecef;margin-top:5px;padding-top:5px}.nav-section-title{color:#82949d;letter-spacing:.8px;text-transform:uppercase;padding:5px 9px 3px;font-size:8px;font-weight:800;display:block}.nav-dropdown-item{color:#415661;border-radius:2px;align-items:center;gap:9px;min-height:34px;padding:7px 9px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.nav-dropdown-item svg{color:#0a79a5}.nav-dropdown-item:hover{color:#075f83;background:#edf5f8}.nav-dropdown-item.active{color:#066b94;background:#e2f0f5;font-weight:700}.nav-dropdown-item>span{flex:1}.nav-plan-badge{color:#6a7d86;letter-spacing:.25px;text-transform:uppercase;background:#edf2f4;border-radius:2px;margin-left:auto;padding:2px 4px;font-size:7px;font-weight:800}.nav-plan-badge.pro{color:#086c93;background:#e4f2f7}.nav-plan-badge.enterprise{color:#7652a1;background:#f0eafa}.shell-alert-count{color:#fff;background:var(--red);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8px;font-weight:800;display:inline-flex}.app-account{border-left:1px solid #ffffff26;justify-content:flex-end;align-items:center;gap:7px;min-width:112px;padding-left:14px;display:flex}.app-account-avatar{color:#075777;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:9px;font-weight:800;display:inline-flex}.app-account>span:last-child{flex-direction:column;line-height:1.1;display:flex}.app-account strong{font-size:10px}.app-account small{color:#ffffffa8;margin-top:2px;font-size:8px}.main-content,.main-content.collapsed{min-width:0;margin-left:0}.topbar{height:var(--header-h);color:var(--text-2);border-bottom:1px solid var(--glass-border);background:#fff;padding:0 20px;top:52px;box-shadow:0 1px 3px #1e405014}.topbar-breadcrumb{gap:7px;font-size:11px}.topbar-breadcrumb span{color:var(--text-3)}.topbar-breadcrumb strong{color:var(--text-1)}.topbar-search{background:#f5f8fa;border-color:#d6e0e5;border-radius:3px;width:250px;padding:5px 10px}.topbar-search input{color:var(--text-1);font-size:11px}.topbar-search input::placeholder{color:var(--text-4)}.topbar-search:focus-within{border-color:var(--blue);width:290px}.topbar-icon-btn{width:30px;height:30px;color:var(--text-2);border-radius:3px}.topbar-icon-btn:hover{color:var(--blue);background:#edf5f8;border-color:#d6e5eb}.topbar-clock{color:var(--text-3);font-size:10px}.topbar-avatar{background:var(--blue);width:27px;height:27px;box-shadow:none;font-size:9px}.page{max-width:1500px;padding:17px 20px 24px;animation-duration:.18s}.page-header{margin-bottom:14px}.page-title{color:#354953;letter-spacing:-.25px;font-size:19px;font-weight:700}.page-subtitle{font-size:11px}.grid{gap:10px;margin-bottom:10px}.card,.kpi,.fleet-health-card,.monitoring-metric{border-color:#cedce3;border-radius:4px;box-shadow:0 1px 3px #1f415217}.card:hover,.kpi:hover{transform:none;box-shadow:0 2px 7px #1f415221}.card-header{background:#f8fafb;min-height:39px;padding:9px 12px}.card-title{color:#354953;font-size:11px;font-weight:700}.card-body{padding:12px}.card-body.compact{padding:9px 12px}.kpi{padding:12px 14px}.kpi-top{margin-bottom:7px}.kpi-label{font-size:9px}.kpi-icon{background:#edf3f6;width:28px;height:28px}.kpi-value{font-size:21px;font-weight:700}.kpi-change{font-size:9px}.kpi:after{display:none}.data-table thead th{color:#5d717c;background:#edf3f6;padding:8px 10px;font-size:9px}.data-table tbody td{border-bottom-color:#e5ecef;padding:8px 10px;font-size:11px}.data-table tbody tr:nth-child(2n){background:#fafcfd}.data-table tbody tr:hover{background:#eaf4f8}.btn{box-shadow:none;border-radius:3px;padding:7px 12px;font-size:11px}.btn-primary{box-shadow:none;background:#0877a3}.btn-primary:hover{box-shadow:none;background:#075f83;transform:none}.badge,.filter-chip{border-radius:3px}.operations-live{border-radius:3px;padding:5px 9px;font-size:9px}.form-input,.form-select,.form-textarea{border-radius:3px;padding:8px 10px;font-size:11px}.modal{border-radius:5px;box-shadow:0 12px 34px #1a344047}.monitoring-overview{gap:10px}.fleet-health-card{padding:13px 15px}.operations-module-tabs{border-bottom:1px solid var(--glass-border);gap:2px;margin-bottom:12px;display:flex;overflow-x:auto}.operations-module-tabs a{color:var(--text-2);white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:9px 13px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.operations-module-tabs a:hover{color:var(--blue);background:#08729f0d}.operations-module-tabs a.active{color:var(--blue);border-bottom-color:#72b84a}.vendon-module-grid{grid-template-columns:1.25fr .75fr;gap:10px;margin-bottom:10px;display:grid}.module-form-grid{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}.module-form-grid.horizontal{grid-template-columns:repeat(5,minmax(130px,1fr)) auto}.module-form-grid label{color:var(--text-2);text-transform:uppercase;letter-spacing:.35px;flex-direction:column;gap:5px;font-size:9px;font-weight:700;display:flex}.module-form-grid label.wide{grid-column:span 2}.report-downloads{grid-template-columns:1fr 1fr;gap:7px;display:grid}.report-downloads .btn{justify-content:flex-start}.module-feedback{border-radius:3px;margin:0 0 10px;padding:8px 11px;font-size:10px;font-weight:600}.module-feedback.success{color:#147742;background:#e8f7ef;border:1px solid #bfe7d0}.module-feedback.error{color:#a92e29;background:#fff0ef;border:1px solid #f2c6c3}.module-empty{text-align:center;color:var(--text-3);padding:28px!important}.table-actions{gap:4px;display:flex}.table-actions button{width:27px;height:27px;color:var(--blue);cursor:pointer;background:#f3f8fa;border:1px solid #cfdde4;border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.table-actions button:hover{color:#fff;background:var(--blue);border-color:var(--blue)}@media (width<=1100px){.module-form-grid.horizontal{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=760px){.vendon-module-grid,.module-form-grid,.module-form-grid.horizontal{grid-template-columns:1fr}.module-form-grid label.wide{grid-column:auto}.report-downloads{grid-template-columns:1fr}}@media (width<=1180px){.app-shell-header{gap:7px;padding:0 10px}.app-brand{min-width:auto}.app-brand-copy small,.app-account>span:last-child{display:none}.shell-home,.nav-group-trigger{padding:0 7px;font-size:10px}.app-account{min-width:40px;padding-left:8px}}@media (width<=820px){.app-shell-header{overflow-x:auto}.app-shell-nav{min-width:max-content}.app-account{display:none}.topbar{top:52px}.page{padding:14px}}.monitoring-page{max-width:1680px;margin:0 auto}.module-loading-banner{border-radius:var(--r-md);color:var(--text-1);background:#f7faff;border:1px solid #d8e4f8;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.module-loading-banner strong,.module-loading-banner span{display:block}.module-loading-banner strong{font-size:12px}.module-loading-banner span{color:var(--text-3);margin-top:2px;font-size:10px}.module-loading-spinner{border:3px solid #d7e3f7;border-top-color:var(--blue);border-radius:50%;flex:0 0 22px;width:22px;height:22px;animation:.8s linear infinite module-spin}.module-error-state{text-align:center}.module-error-icon{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid;box-shadow:0 0 0 7px #df3e351a}.module-error-help{max-width:420px;color:var(--text-3);font-size:11px}.module-error-details{max-width:720px;color:var(--text-3);font-size:10px}.module-error-details summary{cursor:pointer}.module-error-details code{color:var(--red);white-space:normal;background:#df3e3514;border-radius:4px;margin-top:7px;padding:8px 12px;display:block}@keyframes module-spin{to{transform:rotate(360deg)}}.monitoring-header{margin-bottom:18px}.monitoring-eyebrow{color:var(--blue);letter-spacing:1.3px;align-items:center;gap:7px;margin-bottom:5px;font-size:10px;font-weight:800;display:flex}.live-pulse{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite monitoring-pulse;box-shadow:0 0 0 4px #10b9811f}@keyframes monitoring-pulse{50%{box-shadow:0 0 0 7px #10b98100}}.monitoring-overview{grid-template-columns:minmax(360px,1.65fr) repeat(3,minmax(170px,.7fr));gap:12px;margin-bottom:16px;display:grid}.fleet-health-card,.monitoring-metric{background:var(--bg-1);border:1px solid var(--glass-border);border-radius:var(--r-lg);min-height:126px;box-shadow:0 7px 22px #1a325a0e}.fleet-health-card{align-items:center;gap:20px;padding:18px 22px;display:flex}.fleet-ring{background:conic-gradient(var(--green) 0 var(--health), #e8edf4 var(--health) 360deg);border-radius:50%;flex:0 0 88px;width:88px;height:88px;padding:8px}.fleet-ring:before{content:"";position:absolute}.fleet-ring>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.fleet-ring strong{letter-spacing:-.8px;font-size:22px;line-height:1}.fleet-ring span{color:var(--text-3);text-transform:uppercase;margin-top:4px;font-size:9px}.fleet-health-copy{min-width:0}.metric-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:700;display:block}.fleet-health-copy>strong{margin:4px 0 12px;font-size:14px;display:block}.status-legend{color:var(--text-2);flex-wrap:wrap;gap:7px 14px;font-size:10px;display:flex}.status-legend span{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-dot.operational,.fleet-status.status-operational{background:var(--green)}.legend-dot.stock,.fleet-status.status-stock{background:#2386e9}.legend-dot.service,.fleet-status.status-service{background:var(--yellow)}.legend-dot.critical,.fleet-status.status-critical{background:var(--red)}.monitoring-metric{color:var(--blue);align-items:flex-start;gap:12px;padding:20px;display:flex}.monitoring-metric.attention{color:var(--red);background:linear-gradient(145deg,#fff 50%,#fff7f7)}.monitoring-metric div{min-width:0}.monitoring-metric span,.monitoring-metric small{color:var(--text-3);font-size:10px;display:block}.monitoring-metric strong{color:var(--text-1);letter-spacing:-.5px;margin:4px 0 3px;font-size:21px;display:block}.monitoring-main-grid{grid-template-columns:minmax(520px,1.45fr) minmax(390px,1fr);gap:16px;margin-bottom:16px;display:grid}.monitoring-card-header p{color:var(--text-3);margin-top:3px;font-size:10px}.text-link{color:var(--blue);align-items:center;gap:2px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.event-filter-row{border-bottom:1px solid var(--glass-border);gap:6px;padding:10px 14px;display:flex;overflow-x:auto}.event-filter{border:1px solid var(--glass-border);background:var(--bg-2);color:var(--text-2);font:600 10px var(--font);text-transform:capitalize;cursor:pointer;white-space:nowrap;border-radius:18px;padding:5px 10px}.event-filter.active{color:#fff;background:var(--blue);border-color:var(--blue)}.event-list{max-height:430px;padding:6px 14px 12px;overflow-y:auto}.monitor-event{border-bottom:1px solid #edf1f6;align-items:center;gap:11px;padding:11px 4px;display:flex}.monitor-event:last-child{border-bottom:0}.event-icon{width:32px;height:32px;color:var(--blue);background:#eef4ff;border-radius:9px;flex:0 0 32px;place-items:center;display:grid}.monitor-event.warning .event-icon{color:#d98400;background:#fff7e5}.monitor-event.critical .event-icon{color:var(--red);background:#fff0f0}.event-copy{flex:1;min-width:0}.event-copy>div{align-items:center;gap:8px;display:flex}.event-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.event-copy p{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;overflow:hidden}.event-tag{color:var(--text-3);background:var(--bg-2);text-transform:uppercase;letter-spacing:.4px;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:800}.event-machine{color:var(--blue);font:700 10px var(--mono);white-space:nowrap;align-items:center;text-decoration:none;display:flex}.monitoring-empty{min-height:260px;color:var(--green);flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.monitoring-empty span{color:var(--text-3);font-size:11px}.fleet-priority-list{padding:5px 14px 12px}.fleet-priority-row{min-height:48px;color:var(--text-2);border-bottom:1px solid #edf1f6;grid-template-columns:9px minmax(95px,1fr) auto 38px 16px;align-items:center;gap:9px;text-decoration:none;display:grid}.fleet-priority-row:hover{background:#f8faff}.fleet-status{border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #00000009}.fleet-priority-row div strong,.fleet-priority-row div small{display:block}.fleet-priority-row div strong{color:var(--text-1);font:700 11px var(--mono)}.fleet-priority-row div small{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--text-3);margin-top:2px;font-size:9px;overflow:hidden}.fleet-status-label{white-space:nowrap;font-size:9px;font-weight:700}.fleet-status-label.status-operational{color:var(--green-d)}.fleet-status-label.status-stock{color:#1474d4}.fleet-status-label.status-service{color:#b87500}.fleet-status-label.status-critical{color:var(--red)}.fleet-stock{font:600 10px var(--mono);text-align:right}.operations-strip{border-radius:var(--r-lg);background:linear-gradient(120deg,#102b78,#164fae);grid-template-columns:minmax(180px,1.2fr) repeat(6,minmax(120px,1fr));gap:8px;padding:12px;display:grid;box-shadow:0 10px 30px #0f2d7f29}.operations-strip>div{color:#fff;padding:5px 8px}.operations-strip>div .metric-label{color:#fff9}.operations-strip>div strong{font-size:12px}.operations-strip>a{color:#fff;background:#ffffff14;border:1px solid #ffffff1c;border-radius:10px;align-items:center;gap:8px;min-height:54px;padding:9px 10px;text-decoration:none;display:flex}.operations-strip>a:hover{background:#ffffff26;transform:translateY(-1px)}.operations-strip>a span,.operations-strip>a small{display:block}.operations-strip>a span{font-size:10px;font-weight:700}.operations-strip>a small{color:#ffffff94;margin-top:2px;font-size:8px;font-weight:500}@media (width<=1300px){.monitoring-overview{grid-template-columns:1.5fr repeat(3,1fr)}.fleet-health-card{grid-column:1/-1}.operations-strip{grid-template-columns:repeat(3,1fr)}.operations-strip>div{grid-column:1/-1}}@media (width<=980px){.monitoring-main-grid{grid-template-columns:1fr}.monitoring-overview{grid-template-columns:1fr 1fr}}@media (width<=620px){.monitoring-overview{grid-template-columns:1fr}.fleet-health-card{grid-column:auto;align-items:flex-start}.status-legend{flex-direction:column}.operations-strip{grid-template-columns:1fr 1fr}.fleet-status-label{display:none}.fleet-priority-row{grid-template-columns:9px 1fr 38px 16px}}.skeleton-pulse{position:relative;overflow:hidden}.skeleton-pulse:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);animation:1.5s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.page{animation:.18s ease-out both page-enter}@keyframes page-enter{0%{opacity:0}to{opacity:1}}.monitoring-overview{gap:10px;margin-bottom:10px}.fleet-health-card,.monitoring-metric{border-radius:4px;min-height:105px;box-shadow:0 1px 3px #1f415217}.fleet-health-card{gap:14px;padding:12px 14px}.fleet-ring{flex-basis:72px;width:72px;height:72px}.monitoring-metric{padding:13px}.monitoring-main-grid{gap:10px;margin-bottom:10px}.monitoring-card-header{min-height:48px}.event-filter{border-radius:3px}.operations-strip{background:#086b93;border-radius:4px;box-shadow:0 2px 6px #13445933}.operations-strip>a{border-radius:3px}.command-center-page{max-width:1680px;margin:0 auto;padding-top:20px}.command-hero{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.command-eyebrow{color:var(--blue);letter-spacing:1.15px;align-items:center;gap:7px;margin-bottom:7px;font-size:9px;font-weight:800;display:inline-flex}.command-hero h1{color:#243943;letter-spacing:-.65px;font-size:25px;line-height:1.1}.command-hero p{color:var(--text-3);margin-top:6px;font-size:11px}.command-scope{background:#fff;border:1px solid #cbd9e0;border-radius:5px;align-items:center;padding:3px;display:flex;box-shadow:0 1px 3px #1f415214}.command-scope label{min-width:160px;color:var(--blue);border-right:1px solid #e1e8ec;align-items:center;gap:7px;padding:0 10px;display:flex}.command-scope select{width:100%;height:30px;color:var(--text-1);font:600 10px var(--font);cursor:pointer;background:0 0;border:0;outline:0}.command-scope button{width:34px;height:30px;color:var(--blue);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.command-scope button:hover{background:#edf5f8}.command-kpis{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px;display:grid}.command-kpis article{background:#fff;border:1px solid #cedce3;border-radius:4px;align-items:center;gap:13px;min-height:91px;padding:14px 15px;display:flex;box-shadow:0 1px 3px #1f415217}.command-kpi-icon{border-radius:4px;flex:0 0 37px;place-items:center;width:37px;height:37px;display:grid}.command-kpi-icon.blue{color:#08729f;background:#e8f4f8}.command-kpi-icon.green{color:#188449;background:#e9f7ef}.command-kpi-icon.amber{color:#b97200;background:#fff5df}.command-kpi-icon.red{color:#c43731;background:#feeeee}.command-kpis article div{min-width:0}.command-kpis small,.command-kpis em{font-style:normal;display:block}.command-kpis small{color:var(--text-3);text-transform:uppercase;letter-spacing:.45px;font-size:9px;font-weight:700}.command-kpis strong{color:#263a44;letter-spacing:-.5px;margin:3px 0 1px;font-size:21px;line-height:1.15;display:block}.command-kpis em{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.command-grid-primary{grid-template-columns:minmax(600px,1.7fr) minmax(300px,.7fr);gap:10px;margin-bottom:10px;display:grid}.command-grid-secondary{grid-template-columns:1.2fr .8fr;gap:10px;margin-bottom:10px;display:grid}.command-card-head{background:#f8fafb;border-bottom:1px solid #dce5e9;justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:10px 14px;display:flex}.command-card-head>div>span{color:var(--blue);letter-spacing:.85px;font-size:8px;font-weight:800}.command-card-head h2{color:#2d424d;margin-top:2px;font-size:14px;line-height:1.2}.command-card-head p{color:var(--text-3);margin-top:3px;font-size:9px}.command-card-head>a{color:var(--blue);white-space:nowrap;align-items:center;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.command-card-head>a:hover{color:var(--blue-d);text-decoration:underline}.command-filter-row{border-bottom:1px solid #e3eaee;gap:5px;padding:8px 13px;display:flex}.command-filter-row button{color:var(--text-2);font:600 9px var(--font);cursor:pointer;background:#fff;border:1px solid #d4e0e6;border-radius:3px;padding:5px 9px}.command-filter-row button:hover{border-color:var(--blue);color:var(--blue)}.command-filter-row button.active{color:#fff;background:var(--blue);border-color:var(--blue)}.command-action-list{min-height:321px;padding:4px 13px 8px}.command-action{border-bottom:1px solid #e8eef1;grid-template-columns:3px 29px minmax(240px,1fr) 92px 71px;align-items:center;gap:10px;min-height:51px;display:grid}.command-action:last-child{border-bottom:0}.command-action-status{background:#7e929c;border-radius:2px;width:3px;height:25px}.command-action.critical .command-action-status{background:var(--red)}.command-action.warning .command-action-status{background:var(--yellow)}.command-action-icon{color:#627984;background:#f0f4f6;border-radius:4px;place-items:center;width:29px;height:29px;display:grid}.command-action.critical .command-action-icon{color:#c43731;background:#fff0ef}.command-action.warning .command-action-icon{color:#b97200;background:#fff6e3}.command-action-main{min-width:0}.command-action-main small{color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;font-size:7px;font-weight:800}.command-action-main strong{color:#304650;margin:1px 0;font-size:11px;display:block}.command-action-main p{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.command-action-impact{text-align:right}.command-action-impact small,.command-action-impact strong{display:block}.command-action-impact small{color:var(--text-3);text-transform:uppercase;font-size:8px}.command-action-impact strong{color:#354953;font:700 10px var(--mono)}.command-action>a{color:var(--blue);justify-content:flex-end;align-items:center;gap:3px;font-size:9px;font-weight:700;text-decoration:none;display:inline-flex}.command-action>a:hover{text-decoration:underline}.command-empty{min-height:260px;color:var(--green);flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.command-empty span{color:var(--text-3);font-size:10px}.command-empty.small{min-height:120px}.command-health-card{overflow:hidden}.command-health-score{align-items:center;gap:15px;padding:18px 16px 14px;display:flex}.command-score-ring{background:conic-gradient(#25a95b 0 var(--score),#e4ecef var(--score) 360deg);border-radius:50%;flex:0 0 85px;place-items:center;width:85px;height:85px;padding:8px;display:grid}.command-score-ring>span{background:#fff;border-radius:50%;justify-content:center;align-items:baseline;width:100%;height:100%;padding-top:22px;display:flex}.command-score-ring strong{color:#263b45;font-size:24px;line-height:1}.command-score-ring small{color:var(--text-3);font-size:9px}.command-health-score>div:last-child strong{color:#304650;font-size:12px}.command-health-score p{color:var(--text-3);margin-top:4px;font-size:9px}.command-health-list{padding:1px 16px 14px}.command-health-list>div{grid-template-columns:125px 1fr 35px;align-items:center;gap:8px;margin-top:10px;display:grid}.command-health-list span{color:var(--text-2);font-size:9px}.command-health-list>div>div{background:#e7edf0;border-radius:3px;height:5px;overflow:hidden}.command-health-list i{background:#738c98;border-radius:3px;height:100%;display:block}.command-health-list i.good{background:var(--green)}.command-health-list i.warn{background:var(--yellow)}.command-health-list strong{color:#3c515b;font:700 9px var(--mono);text-align:right}.command-health-link{min-height:39px;color:var(--blue);background:#f6fafb;border-top:1px solid #dce5e9;justify-content:space-between;align-items:center;padding:0 16px;font-size:9px;font-weight:700;text-decoration:none;display:flex}.command-performance-card,.command-routes-card{overflow:hidden}.command-bars{background:repeating-linear-gradient(0deg,#0000 0 37px,#edf2f4 38px);align-items:flex-end;gap:8px;height:155px;padding:18px 18px 10px;display:flex}.command-bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.command-bars i{background:linear-gradient(#1093c5,#08729f);border-radius:2px 2px 0 0;width:min(24px,75%);min-height:6px;transition:height .2s;display:block}.command-bars>div:hover i{background:#25a95b}.command-bars span{min-height:9px;color:var(--text-4);font-size:7px}.command-performance-footer{border-top:1px solid #e3eaee;grid-template-columns:repeat(3,1fr);display:grid}.command-performance-footer>div{border-right:1px solid #e3eaee;padding:9px 13px}.command-performance-footer>div:last-child{border-right:0}.command-performance-footer small,.command-performance-footer strong{display:block}.command-performance-footer small{color:var(--text-3);font-size:8px}.command-performance-footer strong{color:#304650;margin-top:2px;font-size:11px}.command-route-list{padding:7px 14px 11px}.command-route-list>div:not(.command-empty){border-bottom:1px solid #e8eef1;grid-template-columns:42px 2px 1fr auto;align-items:center;gap:10px;min-height:57px;display:grid}.command-route-list>div:last-child{border-bottom:0}.command-route-time{color:var(--blue);font:700 10px var(--mono)}.command-route-list>div>i{background:#72b84a;border-radius:2px;width:2px;height:29px}.command-route-list div div strong{color:#304650;font-size:10px;display:block}.command-route-list div div p{color:var(--text-3);margin-top:3px;font-size:8px}.command-route-state{color:#657982;text-transform:uppercase;background:#edf2f4;border-radius:3px;padding:3px 5px;font-size:7px;font-weight:800}.command-route-state.in_progress{color:#177943;background:#e8f7ef}.command-workflows{color:#fff;background:linear-gradient(105deg,#075b7d,#087ba7);border:1px solid #075473;border-radius:4px;grid-template-columns:minmax(170px,1.15fr) repeat(7,1fr);gap:7px;padding:10px;display:grid;box-shadow:0 2px 6px #13445933}.command-workflows>div{flex-direction:column;justify-content:center;padding:4px 8px;display:flex}.command-workflows>div span{color:#ffffff94;letter-spacing:.8px;font-size:7px;font-weight:800}.command-workflows>div strong{margin-top:3px;font-size:11px}.command-workflows>a{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:3px;align-items:center;gap:8px;min-height:49px;padding:8px;text-decoration:none;display:flex}.command-workflows>a:hover{background:#ffffff29}.command-workflows>a>span,.command-workflows small{display:block}.command-workflows>a>span{font-size:9px;font-weight:700}.command-workflows small{color:#fff9;margin-top:2px;font-size:7px;font-weight:500}@media (width<=1250px){.command-workflows{grid-template-columns:repeat(4,1fr)}.command-workflows>div{grid-column:1/-1}}@media (width<=1000px){.command-kpis{grid-template-columns:repeat(2,1fr)}.command-grid-primary,.command-grid-secondary{grid-template-columns:1fr}}@media (width<=700px){.command-hero{flex-direction:column;align-items:stretch}.command-scope{width:100%}.command-scope label{flex:1;min-width:0}.command-kpis{grid-template-columns:1fr}.command-action{grid-template-columns:3px 29px minmax(0,1fr) 64px}.command-action-impact{display:none}.command-workflows{grid-template-columns:1fr 1fr}.command-performance-footer{grid-template-columns:1fr}.command-performance-footer>div{border-bottom:1px solid #e3eaee;border-right:0}}