@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)}}#root{min-height:100vh;display:flex}::-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 span{color:#ffffff94}.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-search input::placeholder{color:#ffffff8c}.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:hover{color:#fff;background:#ffffff1f;border-color:#ffffff24}.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{padding:18px}.card-body.compact{padding:14px}.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 tr:hover{background:#3b82f60a}.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}.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}@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{min-height:68px}.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,#ffffff0a,#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:.35s cubic-bezier(.4,0,.2,1) both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}