*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0d1117;--bg-surface: #161b22;--bg-elevated: #21262d;--bg-overlay: #30363d;--text: #e6edf3;--text-muted: #8b949e;--text-dim: #484f58;--border: #30363d;--border-sub: #21262d;--blue: #4f8ef7;--green: #3fb950;--orange: #d29922;--red: #f85149;--purple: #bc8cff;--radius: 6px;--sidebar-w: 220px;--sidebar-w-collapsed: 52px;--topbar-h: 52px}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:13px;line-height:1.5}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;transition:width .2s ease,min-width .2s ease;z-index:99}.layout.collapsed .sidebar{width:var(--sidebar-w-collapsed);min-width:var(--sidebar-w-collapsed)}.sidebar-header{height:var(--topbar-h);display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo{font-size:14px;font-weight:700;color:var(--blue);white-space:nowrap;overflow:hidden;letter-spacing:.02em}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 0}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.nav-group{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);padding:14px 16px 4px;white-space:nowrap;overflow:hidden;-webkit-user-select:none;user-select:none}.layout.collapsed .nav-group{opacity:0;pointer-events:none;height:0;padding:0}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:7px 16px;color:var(--text-muted);text-decoration:none;font-size:13px;border-left:2px solid transparent;transition:background .1s,color .1s;overflow:hidden}.sidebar-nav a:hover{background:var(--bg-elevated);color:var(--text)}.sidebar-nav a.active{color:var(--blue);border-left-color:var(--blue);background:#4f8ef714}.sidebar-nav a.active .nav-dot{background:var(--blue)}.layout.collapsed .sidebar-nav a{padding:10px;justify-content:center}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--text-dim);flex-shrink:0;transition:background .1s}.nav-label{white-space:nowrap;overflow:hidden;flex:1}.layout.collapsed .nav-label,.layout.collapsed .sidebar-logo{display:none}.sidebar-footer{padding:10px 8px;border-top:1px solid var(--border);flex-shrink:0}.collapse-btn{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:7px 8px;border-radius:var(--radius);font-size:13px;font-family:inherit;transition:background .1s,color .1s}.collapse-btn:hover{background:var(--bg-elevated);color:var(--text)}.collapse-arrow{font-size:16px;line-height:1;flex-shrink:0}.layout.collapsed .collapse-btn{justify-content:center}.content-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:var(--topbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 20px;flex-shrink:0;transition:background .2s ease}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.topbar-menu-btn{display:none;background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:var(--radius);line-height:1}.topbar-menu-btn:hover{background:var(--bg-elevated);color:var(--text)}.topbar-page-title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}.topbar-search{flex:1;max-width:580px;position:relative}.topbar-search input{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:7px 52px 7px 16px;color:var(--text);font-size:13px;font-family:inherit;transition:border-color .1s;box-sizing:border-box}.topbar-search input::placeholder{color:var(--text-dim)}.topbar-search input:focus{outline:none;border-color:var(--blue)}.search-kbd{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;font-family:inherit;font-weight:600;color:var(--text-dim);background:var(--bg-overlay, rgba(255,255,255,.07));border:1px solid var(--border);border-radius:4px;padding:2px 5px;pointer-events:none;white-space:nowrap;letter-spacing:.02em}.topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.org-selector{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:12px;font-family:inherit;padding:6px 8px;max-width:160px;flex-shrink:0;cursor:pointer}.org-selector:disabled{opacity:.5;cursor:default}.org-selector:focus{outline:none;border-color:var(--blue)}.org-selector-active{color:var(--org-accent, var(--blue));font-weight:600;border-color:var(--org-accent, var(--blue));background:var(--org-accent-bg, rgba(79, 142, 247, .16))}@media (max-width: 640px){.org-selector{max-width:110px}}.topbar-icon-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:6px 8px;border-radius:var(--radius);font-size:15px;line-height:1;transition:background .1s,color .1s}.topbar-icon-btn:hover{background:var(--bg-elevated);color:var(--text)}.topbar-profile{display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px 10px;border-radius:var(--radius);border:1px solid var(--border);transition:background .1s}.topbar-profile:hover{background:var(--bg-elevated)}.profile-avatar{width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.profile-name{font-size:13px;color:var(--text);white-space:nowrap}.main{flex:1;overflow-y:auto;background:var(--bg-base)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:98}.page-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.page-content{padding:20px 24px}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;align-items:start}.widget-energy,.widget-costs,.widget-risks,.widget-actifs,.widget-alerts{grid-column:span 2}.cards-grid{align-items:stretch}.widget-equipment,.widget-energy,.widget-maintenance,.widget-costs,.widget-risks,.widget-actifs,.widget-alerts{display:flex;flex-direction:column}.widget-equipment>*,.widget-energy>*,.widget-maintenance>*,.widget-costs>*,.widget-risks>*,.widget-actifs>*,.widget-alerts>*{flex:1}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px;transition:border-color .15s,transform .15s,box-shadow .15s}.card:hover{border-color:#ffffff24}.card--clickable:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000004d;border-color:#ffffff2e}.card-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.card-value{font-size:28px;font-weight:700;color:var(--text);line-height:1}.card-sub{font-size:11px;color:var(--text-dim);margin-top:4px}.card--clickable{cursor:pointer}.card--status-info{border-left:3px solid var(--blue)}.card--status-warning{border-left:3px solid var(--orange)}.card--status-critical{border-left:3px solid var(--red)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.card-arrow{font-size:13px;color:var(--text-dim)}.card-value-unit{font-size:13px;font-weight:400;color:var(--text-muted);margin-left:4px}.card-bars{margin:10px 0 8px;display:flex;flex-direction:column;gap:5px}.card-bars-empty{font-size:11px;color:var(--text-dim);margin:10px 0 8px;font-style:italic}.catbar-row{display:flex;align-items:center;gap:6px;cursor:pointer;border-radius:4px;padding:1px 0}.catbar-row:hover .catbar-name{color:var(--text)}.catbar-row:hover .catbar-count{color:var(--text-muted)}.catbar-track{flex:1;height:5px;border-radius:3px;background:var(--border-sub);overflow:hidden}.catbar-stack{height:100%;display:flex;border-radius:3px;overflow:hidden}.catbar-segment{height:100%;flex-shrink:0;opacity:.75}.catbar-segment:not(:last-child){margin-right:1px}.catbar-name{font-size:11px;color:var(--text-muted);width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.catbar-count{font-size:11px;color:var(--text-dim);width:18px;text-align:right;flex-shrink:0}.catbar-floating-tip{position:fixed;z-index:9999;background:var(--bg-overlay);color:var(--text);font-size:11px;padding:3px 8px;border-radius:4px;border:1px solid var(--border);pointer-events:none;white-space:nowrap}.card-maintenance{font-size:11px;color:var(--text-dim);margin-top:8px;padding-top:8px;border-top:1px solid var(--border-sub);cursor:pointer}.card-maintenance:hover{color:var(--text-muted)}.card-energy-footer{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-sub);display:flex;flex-direction:column;gap:4px}.card-weather{font-size:11px;color:var(--text-dim)}.card-trend{display:flex;flex-direction:column;gap:2px}.trend-message{font-size:11px;font-weight:500}.trend-detail{font-size:10px;color:var(--text-muted)}@media (max-width: 1279px){.cards-grid{grid-template-columns:repeat(2,1fr)}.widget-energy,.widget-costs,.widget-risks,.widget-actifs,.widget-alerts{grid-column:span 1}}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg-surface);position:sticky;top:0}tbody tr{border-bottom:1px solid var(--border-sub)}tbody tr:hover{background:var(--bg-elevated)}tbody td{padding:8px 12px;font-size:13px}.mono{font-family:SF Mono,Fira Code,monospace;font-size:12px}.actions{display:flex;gap:8px;opacity:0;transition:opacity .1s}tr:hover .actions{opacity:1}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.badge-active{background:#3fb95026;color:var(--green)}.badge-inactive{background:#8b949e26;color:var(--text-muted)}.badge-open{background:#4f8ef726;color:var(--blue)}.badge-done{background:#3fb95026;color:var(--green)}.badge-warning{background:#d2992226;color:var(--orange)}.badge-error{background:#f8514926;color:var(--red)}.badge-purple{background:#bc8cff26;color:var(--purple)}.btn{padding:6px 14px;border-radius:var(--radius);font-size:13px;cursor:pointer;border:none;font-family:inherit;transition:opacity .1s}.btn:hover{opacity:.85}.btn-primary{background:var(--blue);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-sm{padding:3px 10px;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:24px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal h3{font-size:15px;font-weight:600;margin-bottom:18px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.form-group{margin-bottom:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px}input:not([type=radio]):not([type=checkbox]),select,textarea{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;color:var(--text);font-size:13px;font-family:inherit;transition:border-color .1s}input:not([type=radio]):not([type=checkbox]):focus,select:focus,textarea:focus{outline:none;border-color:var(--blue)}input[type=radio],input[type=checkbox]{width:auto;cursor:pointer}textarea{resize:vertical;min-height:72px}.alert{padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:14px}.alert-error{background:#f8514926;color:var(--red);border:1px solid rgba(248,81,73,.3)}.alert-success{background:#3fb95026;color:var(--green);border:1px solid rgba(63,185,80,.3)}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:20px 0 10px;font-weight:600}.upcoming-list{list-style:none}.upcoming-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-sub);font-size:13px}.upcoming-list li:last-child{border-bottom:none}.upcoming-date{color:var(--text-muted);font-size:12px;white-space:nowrap;margin-left:12px}.loading{padding:40px;text-align:center;color:var(--text-muted)}.empty{padding:24px;text-align:center;color:var(--text-dim);font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;flex-shrink:0;width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.page{display:flex;flex-direction:column;min-height:100%}.page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 14px;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.page-header h2{font-size:15px;font-weight:600}.page-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.page-actions{display:flex;gap:8px;align-items:center}.page-content{padding:16px 20px;flex:1}.kpi-strip{display:flex;gap:0;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.kpi-item{flex:1;display:flex;flex-direction:column;padding:10px 20px;border-right:1px solid var(--border);gap:2px}.kpi-item:last-child{border-right:none}.kpi-item-clickable{cursor:pointer}.kpi-item-clickable:hover{background:var(--bg-elevated)}.kpi-item-active{background:var(--bg-elevated);box-shadow:inset 0 -2px 0 var(--blue)}.kpi-value{font-size:20px;font-weight:700;color:var(--text);line-height:1}.kpi-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.kpi-sub{font-size:10px;color:var(--text-dim)}.filter-bar{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.filter-search-wrap{position:relative;flex:1;max-width:320px;display:flex;align-items:center}.filter-search-icon{position:absolute;left:10px;color:var(--text-dim);font-size:14px;pointer-events:none}.filter-search{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px 6px 28px;color:var(--text);font-size:12px;font-family:inherit}.filter-search:focus{outline:none;border-color:var(--blue)}.filter-clear{position:absolute;right:8px;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:11px;padding:2px}.filter-clear:hover{color:var(--text)}.filter-select{width:auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:5px 24px 5px 10px;color:var(--text);font-size:12px;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238b949e'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.filter-select:focus{outline:none;border-color:var(--blue)}.th-right{text-align:right!important}.td-right{text-align:right}.cell-main{font-size:13px;color:var(--text);font-weight:500}.cell-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.cell-num{font-size:13px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.table-footer{padding:8px 12px;font-size:11px;color:var(--text-dim);border-top:1px solid var(--border-sub)}.table-empty{text-align:center;color:var(--text-dim);padding:32px 12px!important;font-size:13px}tfoot.tfoot-total td,tr.tfoot-total td{border-top:2px solid var(--border);background:var(--surface-2, rgba(255,255,255,.03));padding:6px 12px}.table-pagination{display:flex;align-items:center;gap:12px;padding:8px 12px;border-top:1px solid var(--border-sub);flex-wrap:wrap}.pagination-info{font-size:11px;color:var(--text-dim);flex:1;min-width:80px}.pagination-pages{display:flex;align-items:center;gap:2px}.pagination-size{display:flex;align-items:center;gap:2px;margin-left:auto}.pagination-ellipsis{padding:0 4px;color:var(--text-dim);font-size:12px}.pagination-btn{min-width:28px;height:26px;padding:0 6px;border:1px solid var(--border-sub);border-radius:4px;background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;transition:background .12s,color .12s}.pagination-btn:hover:not(:disabled){background:var(--surface-2, rgba(255,255,255,.06));color:var(--text)}.pagination-btn:disabled{opacity:.35;cursor:default}.pagination-btn.active{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:600}.cell-link{color:var(--text);text-decoration:none;font-weight:500;font-size:13px}.cell-link:hover{color:var(--blue)}.type-badge{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px;border:1px solid;background:transparent}.panels-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.panel-title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;margin-bottom:12px}.donut-wrap{display:flex;align-items:center;gap:20px}.donut-svg{width:120px;height:120px;flex-shrink:0}.donut-legend{flex:1;display:flex;flex-direction:column;gap:6px}.donut-legend-item{display:flex;align-items:center;gap:8px;font-size:12px}.donut-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.donut-legend-label{flex:1;color:var(--text-muted)}.donut-legend-val{color:var(--text);font-weight:600}.chart-empty{color:var(--text-dim);font-size:12px;padding:20px 0}.site-quick-list{display:flex;flex-direction:column;gap:2px}.site-quick-item{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border-sub)}.site-quick-item:last-child{border-bottom:none}.site-quick-stats{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:11px;color:var(--text-muted)}.modal-sm{max-width:380px!important}.confirm-text{color:var(--text-muted);font-size:13px;margin:10px 0 4px}.btn-xs{padding:2px 8px;font-size:11px}.site-detail-header{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.site-breadcrumb{display:flex;align-items:center;gap:6px;padding:10px 20px 0;font-size:12px;color:var(--text-muted)}.breadcrumb-link{color:var(--blue);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:var(--text-dim)}.site-hero{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 20px 10px;gap:16px}.site-hero-left{flex:1;min-width:0}.site-hero-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.site-hero-title h1{font-size:18px;font-weight:700;color:var(--text)}.site-hero-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-muted);flex-wrap:wrap}.site-hero-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-active{background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot-inactive{background:var(--text-dim)}.site-kpi-row{display:flex;border-top:1px solid var(--border)}.site-kpi{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-right:1px solid var(--border);gap:1px}.site-kpi:last-child{border-right:none}.site-kpi-val{font-size:18px;font-weight:700;line-height:1}.site-kpi-lbl{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);text-align:center}.site-tabs{display:flex;padding:0 20px;gap:2px;border-top:1px solid var(--border)}.site-tab{background:none;border:none;border-bottom:2px solid transparent;padding:9px 14px;font-size:13px;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:6px;margin-bottom:-1px}.site-tab:hover{color:var(--text)}.site-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.sub-tabs{display:flex;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:20px;flex-wrap:wrap}.sub-tab{background:none;border:1px solid transparent;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:5px;transition:color .15s,background .15s,border-color .15s}.sub-tab:hover{color:var(--text);background:var(--bg-elevated)}.sub-tab.active{background:var(--bg-elevated);color:var(--text);border-color:var(--border)}.tab-badge{background:var(--orange);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:8px;line-height:1.4}.site-content{padding:16px 20px;flex:1;overflow-y:auto}.panels-grid-3{grid-template-columns:repeat(3,1fr)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-count{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--bg-elevated);padding:1px 7px;border-radius:10px}.eq-type-list{display:flex;flex-direction:column;gap:4px}.eq-type-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--border-sub)}.eq-type-row:last-child{border-bottom:none}.eq-type-icon{font-size:14px;color:var(--text-dim);width:18px;text-align:center}.eq-type-name{flex:1;font-size:12px;color:var(--text-muted)}.eq-type-count{font-size:13px;font-weight:600;color:var(--text)}.wifi-list{display:flex;flex-direction:column;gap:2px}.wifi-list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-sub)}.wifi-list-item:last-child{border-bottom:none}.net-list{display:flex;flex-direction:column;gap:2px}.net-list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-sub)}.net-list-item:last-child{border-bottom:none}.maint-list{display:flex;flex-direction:column;gap:2px}.maint-list-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border-sub)}.maint-list-item:last-child{border-bottom:none}.doc-list{display:flex;flex-direction:column;gap:2px}.doc-list-item{padding:6px 0;border-bottom:1px solid var(--border-sub)}.doc-list-item:last-child{border-bottom:none}.info-list{display:flex;flex-direction:column;gap:4px}.info-row{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid var(--border-sub)}.info-row:last-child{border-bottom:none}.info-key{font-size:11px;color:var(--text-dim);width:90px;flex-shrink:0}.info-val{font-size:12px;color:var(--text)}.vlan-list{display:flex;flex-direction:column;gap:4px}.vlan-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border-sub)}.vlan-item:last-child{border-bottom:none}.vlan-id{font-size:11px;font-weight:700;color:var(--purple);background:#bc8cff1a;padding:2px 7px;border-radius:4px;min-width:32px;text-align:center}.auth-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-base)}.auth-card{display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:40px 48px;text-align:center;min-width:280px}.auth-logo{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.5px}.auth-subtitle{font-size:13px;color:var(--text-muted);margin:0}.auth-loading-phase{font-size:12px;color:var(--text-dim);margin:0}.auth-error{font-size:12px;color:var(--red);margin:0;max-width:260px}.auth-spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:auth-spin .75s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}button.topbar-profile{background:none;border:none;cursor:pointer;font-family:inherit}button.topbar-profile:hover .profile-avatar{border-color:var(--blue)}.panel-hover{transition:border-color .15s,box-shadow .15s}.panel-hover:hover{border-color:var(--blue);box-shadow:0 2px 14px #0000002e}.qa-section{padding:0 0 10px}.qa-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);margin-bottom:10px}.qa-bar{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 6px}.qa-bar::-webkit-scrollbar{display:none}.qa-item{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:120px;min-height:56px;max-height:68px;padding:10px 14px;box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;font-family:inherit;text-align:left;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s}.qa-item:hover{background:var(--bg-elevated);border-color:var(--text-dim)}.qa-item:active{background:var(--bg-overlay)}.qa-item:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-color:var(--blue)}.qa-item-top{display:flex;align-items:center;gap:7px}.qa-item-label{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;line-height:1}.qa-item-sub{font-size:11px;color:var(--text-dim);white-space:nowrap;line-height:1;padding-left:25px}.panel-badge{display:inline-block;font-size:10px;font-weight:600;padding:1px 7px;border-radius:10px;line-height:1.5}.health-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;border:1px solid}.signal-row{display:flex;align-items:flex-start;gap:8px;padding:5px 0;border-bottom:1px solid var(--border-sub)}.signal-row:last-child{border-bottom:none}.signal-icon{font-size:12px;flex-shrink:0;margin-top:1px}.signal-body{display:flex;flex-direction:column;gap:1px;flex:1}.signal-label{font-size:12px;color:var(--text);font-weight:500}.signal-sub{font-size:11px;color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 0;text-align:center}.empty-icon{font-size:22px;color:var(--text-dim)}.empty-text{font-size:12px;color:var(--text-muted)}.empty-hint{font-size:11px;color:var(--text-dim)}.empty-cta{margin-top:4px;background:none;border:1px solid var(--border);color:var(--text-muted);font-size:11px;padding:4px 12px;border-radius:6px;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.empty-cta:hover{border-color:var(--blue);color:var(--blue)}.vlan-summary{display:flex;flex-direction:column;gap:4px;padding-top:8px}.vlan-summary-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.vlan-chips{display:flex;flex-wrap:wrap;gap:4px}.vlan-chip{font-size:10px;font-weight:700;color:var(--purple);background:#bc8cff1a;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.site-fiche{display:flex;flex-direction:column;gap:2px}.fiche-row{display:flex;align-items:flex-start;gap:10px;padding:6px 0;border-bottom:1px solid var(--border-sub)}.fiche-row:last-child{border-bottom:none}.fiche-icon{font-size:13px;color:var(--text-dim);width:18px;text-align:center;flex-shrink:0;margin-top:1px}.fiche-key{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.fiche-val{font-size:13px;color:var(--text);font-weight:500}.fiche-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.fault-detail{margin-top:6px;padding-top:6px;border-top:1px solid var(--border-sub);display:flex;flex-direction:column;gap:4px}.fault-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);padding:2px 0}.actions-panel{background:#f851490d;border:1px solid rgba(248,81,73,.2);border-left:3px solid var(--red);border-radius:8px;padding:12px 16px}.actions-panel-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.actions-panel-icon{font-size:14px}.actions-count{background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.actions-list{display:flex;flex-direction:column;gap:6px}.action-item{display:flex;align-items:flex-start;gap:10px;background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:6px;padding:8px 12px}.action-level-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}.action-body{display:flex;flex-direction:column;gap:2px;flex:1}.action-label{font-size:12px;font-weight:600}.action-sub{font-size:11px;color:var(--text-muted)}@media (max-width: 1023px){.topbar-menu-btn{display:block}.sidebar{position:fixed;top:0;bottom:0;left:-100%;width:260px!important;min-width:260px!important;transition:left .2s ease;z-index:200}.sidebar.open{left:0}.sidebar-backdrop.open{display:block}.layout.collapsed .nav-group{opacity:1;pointer-events:auto;height:auto;padding:14px 16px 4px}.layout.collapsed .nav-label,.layout.collapsed .sidebar-logo{display:block}.layout.collapsed .sidebar-nav a{padding:7px 16px;justify-content:flex-start}.layout.collapsed .collapse-btn{justify-content:flex-start}}@media (max-width: 767px){.topbar-page-title{display:none}.topbar-search{max-width:none}.search-kbd{display:none}.topbar-search input{padding-right:16px}.profile-name{display:none}.cards-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.page-header,.page-content{padding:14px 16px}.modal{padding:18px 16px;max-height:90dvh;overflow-y:auto}.topbar{padding:0 12px;gap:10px}.panels-grid,.panels-grid-3{grid-template-columns:1fr}.site-hero{flex-direction:column;gap:10px}.site-hero-actions,.site-kpi-row{flex-wrap:wrap}.site-kpi{min-width:80px;flex:1}.site-tabs{overflow-x:auto;padding:0 12px;-webkit-overflow-scrolling:touch}.site-content{padding:12px}.filter-bar{flex-wrap:wrap}.filter-search-wrap{max-width:none;flex:1 1 100%}.btn{min-height:36px}.btn-sm{min-height:34px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.fiche-row{flex-direction:column;gap:2px;padding:7px 0}.modal-backdrop{align-items:flex-end}.modal,.modal-sm,.modal-lg{border-radius:14px 14px 0 0;margin:0;width:100%;max-width:100%}}@media (max-width: 480px){.cards-grid{grid-template-columns:1fr;gap:8px}.card{padding:12px 14px}.card-value{font-size:22px}.widget-energy{order:1;grid-column:span 1}.widget-maintenance{order:2}.widget-equipment{order:3}.widget-costs{order:4;grid-column:span 1}.widget-risks{order:5;grid-column:span 1}.widget-actifs{order:6;grid-column:span 1}.widget-alerts{order:7;grid-column:span 1}}.topbar{height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.sidebar{padding-top:env(safe-area-inset-top,0px)}.main{padding-bottom:env(safe-area-inset-bottom,0px)}.mnav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-surface);border-top:1px solid var(--border);z-index:300;flex-direction:row;align-items:stretch}.mnav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--text-dim);font-family:inherit;padding:6px 2px;min-height:44px;-webkit-tap-highlight-color:transparent;transition:color .12s}.mnav-tab span{font-size:10px;font-weight:500;line-height:1;white-space:nowrap}.mnav-tab.active{color:var(--blue)}.mnav-tab:active{opacity:.7}.mnav-tab:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:8px}.bs-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:400;animation:bs-fade .18s ease}.bs-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--bg-elevated);border-radius:16px 16px 0 0;border-top:1px solid var(--border);max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px);animation:bs-up .22s ease}@keyframes bs-fade{0%{opacity:0}to{opacity:1}}@keyframes bs-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bs-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.bs-title{font-size:16px;font-weight:700;color:var(--text)}.bs-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:6px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.bs-close:hover{background:var(--bg-overlay);color:var(--text)}.bs-close:active{opacity:.7}.bs-body{overflow-y:auto;flex:1;padding:6px 0 16px;-webkit-overflow-scrolling:touch}.bs-group{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:14px 18px 5px}.bs-item{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;font-size:15px;color:var(--text-muted);padding:11px 18px;-webkit-tap-highlight-color:transparent;transition:background .1s,color .1s}.bs-item:hover{background:var(--bg-overlay);color:var(--text)}.bs-item:active{background:var(--bg-overlay);opacity:.8}.bs-item.active{color:var(--blue);font-weight:600}.bs-item:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.bs-item-icon{display:flex;align-items:center;gap:10px}.bs-item-danger{color:var(--red)}.bs-item-danger:hover{color:var(--red);background:#f8514914}.bs-user{display:flex;align-items:center;gap:12px;padding:16px 18px 14px;border-bottom:1px solid var(--border-sub);margin-bottom:4px}.bs-user-avatar{width:36px;height:36px;background:var(--blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.bs-user-name{font-size:15px;font-weight:600;color:var(--text)}@media (max-width: 767px){.mnav{display:flex}.main{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}.topbar-search,.topbar-icon-btn,.topbar-profile,.topbar-menu-btn{display:none}}.admin-alerts-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.admin-alert-chip{font-size:11px;font-weight:600;color:var(--orange);background:#d299221f;border:1px solid rgba(210,153,34,.3);padding:3px 9px;border-radius:4px}.admin-missing-inline{font-size:12px;color:var(--orange);opacity:.8;padding:6px 0}.admin-contract-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.admin-offer-name{font-size:12px;color:var(--text-muted);margin-bottom:4px}.admin-sla{display:inline-block;font-size:11px;font-weight:600;color:var(--blue);background:#4f8ef71f;border:1px solid rgba(79,142,247,.25);padding:2px 7px;border-radius:3px;margin-bottom:6px}.admin-cost-block{padding:4px 0 2px}.admin-cost-main{font-size:24px;font-weight:700;color:var(--text);line-height:1.2}.admin-cost-main span{font-size:14px;font-weight:400;color:var(--text-muted);margin-left:2px}.admin-cost-annual{font-size:13px;color:var(--text-muted);margin-top:2px}.admin-cost-meta{font-size:12px;color:var(--text-dim);margin-top:4px}.admin-dates-mini{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-sub);font-size:11px;color:var(--text-muted)}.admin-dates-mini strong{color:var(--text);font-weight:600}.admin-date-renew,.admin-date-renew strong{color:var(--blue)}.admin-notes-text{font-size:12px;color:var(--text-dim);line-height:1.5;margin-top:10px;padding-top:8px;border-top:1px solid var(--border-sub);white-space:pre-wrap}.admin-edit-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.admin-edit-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0;gap:16px}.admin-edit-content{display:flex;flex:1;overflow:hidden}.admin-edit-sidebar{width:175px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;padding:20px 0}.admin-edit-sidebar-item{display:block;width:100%;padding:10px 18px;font-size:13px;color:var(--text-muted);cursor:pointer;border:none;border-left:3px solid transparent;background:none;text-align:left;transition:color .15s,background .15s,border-color .15s}.admin-edit-sidebar-item:hover{color:var(--text);background:#ffffff0a}.admin-edit-sidebar-item.active{color:var(--blue);border-left-color:var(--blue);background:#4f8ef712;font-weight:600}.admin-edit-body{flex:1;overflow-y:auto;padding:32px 40px 64px}.admin-edit-form-section{max-width:740px;margin-bottom:48px;scroll-margin-top:16px}.admin-edit-section-head{font-size:13px;font-weight:700;color:var(--text);border-bottom:2px solid var(--border);padding-bottom:10px;margin-bottom:22px;letter-spacing:.01em}.field-hint{font-size:11px;color:var(--text-dim);margin-bottom:4px;margin-top:-1px;line-height:1.4}.icon-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:3px 4px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,background .15s;line-height:1}.icon-btn:hover{color:var(--text);background:var(--bg-overlay)}.icon-btn:disabled{opacity:.4;cursor:default}.cred-list{display:flex;flex-direction:column;gap:4px}.cred-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;transition:border-color .15s}.cred-row:hover{border-color:var(--border-hover, var(--purple))}.cred-type-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.cred-info{display:flex;flex-direction:column;min-width:140px;max-width:200px}.cred-url{font-size:11px;color:var(--text-dim);text-decoration:none}.cred-url:hover{color:var(--blue)}.cred-username-col{display:flex;align-items:center;gap:4px;min-width:140px;max-width:200px;overflow:hidden}.cred-username-val{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cred-secret-col{flex:1;display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}.cred-dots{color:var(--text-dim);letter-spacing:2px;font-size:12px;flex-shrink:1;min-width:0}.cred-revealed{color:var(--orange);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.cred-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;border-left:1px solid var(--border);padding-left:8px;margin-left:2px}@media (max-width: 768px){.cred-row{flex-wrap:wrap}.cred-info,.cred-username-col{min-width:120px}.cred-actions{width:100%;justify-content:flex-end}}.doc-notes-cell{font-size:12px;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:220px;margin-top:2px;line-height:1.4}.doc-dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:24px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:16px;transition:border-color .15s,background .15s}.doc-dropzone:hover{border-color:var(--blue);background:#4f8ef70d}.doc-preview-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;width:90vw;max-width:960px;height:85vh;overflow:hidden}.doc-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.doc-preview-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:8px}.page.docs-page{height:100%;overflow:hidden}.page.docs-page>.page-header{flex-shrink:0}.page.docs-page>div:last-of-type{flex:1}