@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--leaf:#2d6a4f;--leaf-dark:#1b4332;--leaf-light:#40916c;--mint:#d8f3dc;--mint-deep:#b7e4c7;--bg:#f4f7f3;--white:#fff;--ink:#1a2e1a;--ink-light:#4a5e4a;--slate:#64748b;--line:#e2e8e0;--line-light:#f0f4ee;--amber:#e9a820;--amber-bg:#fef3cd;--red:#d32f2f;--red-bg:#fdecea;--blue:#1976d2;--blue-bg:#e3f2fd;--purple:#8e44ad;--radius:10px;--radius-sm:6px;--radius-lg:14px;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--transition:.2s ease;--sidebar-w:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:14px}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.5}#root{min-height:100vh}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--white);border-right:1px solid var(--line);z-index:30;transition:transform var(--transition);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:20px;display:flex}.sidebar-brand-icon{background:var(--leaf);width:40px;height:40px;color:var(--white);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand h1{font-size:1.1rem;font-weight:800}.sidebar-brand small{color:var(--slate);font-size:.75rem;font-weight:500}.sidebar-nav{flex:1;padding:12px;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--slate);padding:16px 10px 6px;font-size:.65rem;font-weight:700}.nav-btn{border-radius:var(--radius-sm);width:100%;color:var(--ink-light);cursor:pointer;font:inherit;transition:all var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:.85rem;font-weight:500;display:flex}.nav-btn:hover{background:var(--mint);color:var(--leaf)}.nav-btn.active{background:var(--leaf);color:var(--white);font-weight:600}.nav-btn .nav-label{flex:1}.nav-btn .nav-badge{background:var(--mint);color:var(--leaf);border-radius:10px;padding:2px 7px;font-size:.7rem;font-weight:700}.nav-btn.active .nav-badge{color:var(--white);background:#fff3}.main{margin-left:var(--sidebar-w);flex:1}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffeb;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.topbar-main{align-items:center;gap:12px;min-width:0;display:flex}.sidebar-toggle{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);width:38px;height:38px;color:var(--ink);cursor:pointer;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:none}.sidebar-toggle:hover{background:var(--mint);color:var(--leaf)}.sidebar-backdrop{z-index:25;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}.topbar-left h2{font-size:1.35rem;font-weight:800}.topbar-left .breadcrumb{color:var(--leaf);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;margin-bottom:2px;font-size:.75rem;font-weight:600;display:flex}.topbar-pills{flex-wrap:wrap;gap:8px;display:flex}.pill{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.pill-green{background:var(--mint);color:var(--leaf)}.pill-amber{background:var(--amber-bg);color:#92610e}.pill-blue{background:var(--blue-bg);color:var(--blue)}.content{padding:24px 28px}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.panel-header h3{font-size:1.05rem;font-weight:700}.panel-header p{color:var(--slate);margin-top:2px;font-size:.8rem}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-6{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.grid-7{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.metric-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);transition:box-shadow var(--transition);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.metric-card:hover{box-shadow:var(--shadow-md)}.metric-card .metric-value{font-size:1.7rem;font-weight:800}.metric-card .metric-label{color:var(--slate);font-size:.78rem}.metric-card .metric-detail{color:var(--slate);margin-top:4px;font-size:.72rem}.metric-card .metric-icon{border-radius:var(--radius-sm);background:var(--mint);width:42px;height:42px;color:var(--leaf);flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn{border-radius:var(--radius-sm);font:inherit;cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--leaf);color:var(--white)}.btn-primary:hover{background:var(--leaf-dark)}.btn-secondary{background:var(--mint);color:var(--leaf)}.btn-secondary:hover{background:var(--mint-deep)}.btn-outline{color:var(--leaf);border:1px solid var(--leaf);background:0 0}.btn-outline:hover{background:var(--mint)}.btn-sm{padding:5px 10px;font-size:.75rem}.btn-danger{background:var(--red);color:var(--white)}.btn-danger:hover{background:#b71c1c}.data-table{border-collapse:collapse;width:100%;font-size:.82rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--slate);border-bottom:2px solid var(--line);padding:10px 12px;font-size:.72rem;font-weight:700}.data-table td{border-bottom:1px solid var(--line-light);vertical-align:middle;padding:10px 12px}.data-table tr:hover td{background:var(--bg)}.data-table tr{cursor:pointer;transition:background var(--transition)}.chip{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.progress-bar{background:var(--line-light);border-radius:4px;height:7px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--leaf-light), var(--leaf));border-radius:4px;height:100%;transition:width .5s}.timeline{position:relative}.timeline-step{gap:14px;padding-bottom:20px;display:flex;position:relative}.timeline-step:before{content:"";background:var(--line);width:2px;position:absolute;top:36px;bottom:0;left:15px}.timeline-step:last-child:before{display:none}.timeline-dot{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.72rem;font-weight:700;display:flex}.timeline-dot.done{background:var(--leaf);color:var(--white)}.timeline-dot.active{background:var(--amber);color:var(--white);animation:2s infinite pulse}.timeline-dot.waiting{background:var(--line);color:var(--slate)}.timeline-content{flex:1;min-width:0}.timeline-content h4{font-size:.88rem;font-weight:700}.timeline-content .timeline-meta{color:var(--slate);flex-wrap:wrap;gap:12px;margin-top:2px;font-size:.75rem;display:flex}.alert-row{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);border-left:4px solid;align-items:flex-start;gap:12px;padding:12px;display:flex}.alert-row:hover{background:var(--bg)}.alert-row.critical{border-color:var(--red);background:var(--red-bg)}.alert-row.warning{border-color:var(--amber);background:var(--amber-bg)}.alert-row.info{border-color:var(--blue);background:var(--blue-bg)}.alert-row h4{font-size:.82rem;font-weight:700}.alert-row p{color:var(--ink-light);margin-top:2px;font-size:.75rem}.alert-row .alert-area{color:var(--slate);white-space:nowrap;margin-left:auto;font-size:.7rem;font-weight:600}.facility-map{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:16px 0;display:flex}.facility-node{border-radius:var(--radius);border:2px solid var(--line);background:var(--white);text-align:center;cursor:pointer;width:150px;transition:all var(--transition);padding:14px;position:relative}.facility-node:hover{border-color:var(--leaf);box-shadow:var(--shadow-md);transform:translateY(-2px)}.facility-node.active-pulse:after{content:"";background:var(--leaf);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:absolute;top:8px;right:8px}.facility-node.warning-status{border-color:var(--amber)}.facility-node .node-icon{color:var(--leaf);margin-bottom:6px}.facility-node .node-value{font-size:1.3rem;font-weight:800}.facility-node .node-label{color:var(--slate);font-size:.72rem;font-weight:500}.facility-node .node-sublabel{color:var(--slate);font-size:.65rem}.facility-arrow{color:var(--line);font-size:1.2rem}.cabin-card{border:1px solid var(--line);border-radius:var(--radius);transition:all var(--transition);cursor:pointer;border-left:4px solid;padding:14px}.cabin-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.cabin-card .cabin-id{font-size:.95rem;font-weight:700}.cabin-card .cabin-meta{color:var(--slate);margin-top:4px;font-size:.75rem}.cabin-card .cabin-output{margin-top:8px;font-size:1.5rem;font-weight:800}.cabin-card .cabin-output-label{color:var(--slate);font-size:.7rem}.rack-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.rack-cell{border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:all var(--transition);border:1px solid #0000;padding:10px 8px}.rack-cell:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.rack-cell .cell-count{font-size:1.1rem;font-weight:700}.rack-cell .cell-label{margin-top:2px;font-size:.65rem;display:block}.tunnel-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.tunnel-card{border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:all var(--transition);border:1px solid var(--line);padding:10px;font-size:.75rem}.tunnel-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.tunnel-card.normal{background:var(--mint)}.tunnel-card.warning{background:var(--amber-bg);border-color:var(--amber)}.tunnel-card.critical{background:var(--red-bg);border-color:var(--red)}.tunnel-card .tunnel-id{font-size:.8rem;font-weight:700}.tunnel-card .tunnel-temp{font-weight:600}.gantt-row{align-items:center;gap:0;margin-bottom:8px;display:flex}.gantt-label{flex-shrink:0;width:100px;font-size:.75rem;font-weight:600}.gantt-track{flex:1;grid-template-columns:repeat(8,1fr);gap:3px;height:36px;display:grid;position:relative}.gantt-block{border-radius:var(--radius-sm);color:var(--white);white-space:nowrap;justify-content:center;align-items:center;padding:0 6px;font-size:.68rem;font-weight:600;display:flex;overflow:hidden}.gantt-empty{background:var(--line-light);border-radius:var(--radius-sm)}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg);padding:28px;animation:.25s slideUp}.modal h3{margin-bottom:16px;font-size:1.1rem;font-weight:700}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.form-group{margin-bottom:14px}.form-group label{color:var(--slate);margin-bottom:4px;font-size:.78rem;font-weight:600;display:block}.form-group input,.form-group select{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;font:inherit;transition:border var(--transition);padding:8px 12px;font-size:.85rem}.form-group input:focus,.form-group select:focus{border-color:var(--leaf);outline:none}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.gap-4{gap:16px}.gap-6{gap:24px}.stack{flex-direction:column;display:flex}.stack-4{flex-direction:column;gap:16px;display:flex}.stack-6{flex-direction:column;gap:24px;display:flex}.row{align-items:center;display:flex}.row-between{justify-content:space-between;align-items:center;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.num{font-variant-numeric:tabular-nums}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-6{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.sidebar{box-shadow:var(--shadow-lg);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:inline-flex}.main{margin-left:0}.topbar{padding:12px 16px}.content{padding:18px 16px}.grid-2,.grid-3{grid-template-columns:1fr}.tunnel-grid{grid-template-columns:repeat(5,1fr)}}