@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.toast-container[data-v-f2951dd3]{position:fixed;bottom:25px;right:25px;display:flex;flex-direction:column;gap:12px;z-index:10000;pointer-events:none}.toast[data-v-f2951dd3]{background:var(--background-panel);border:1px solid var(--border-color);box-shadow:0 4px 15px var(--shadow-color);padding:14px 18px;border-radius:6px;display:flex;align-items:center;gap:12px;pointer-events:auto;min-width:280px;font-size:.9em;font-weight:500;color:var(--text-color)}.toast-success[data-v-f2951dd3]{border-left:4px solid var(--status-online)}.toast-success i[data-v-f2951dd3]{color:var(--status-online);font-size:1.2em}.toast-error[data-v-f2951dd3]{border-left:4px solid var(--status-offline)}.toast-error i[data-v-f2951dd3]{color:var(--status-offline);font-size:1.2em}.toast-warning[data-v-f2951dd3]{border-left:4px solid var(--status-attention)}.toast-warning i[data-v-f2951dd3]{color:var(--status-attention);font-size:1.2em}.toast-info[data-v-f2951dd3]{border-left:4px solid var(--primary-accent)}.toast-info i[data-v-f2951dd3]{color:var(--primary-accent);font-size:1.2em}.toast-list-enter-active[data-v-f2951dd3],.toast-list-leave-active[data-v-f2951dd3]{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-list-enter-from[data-v-f2951dd3],.toast-list-leave-to[data-v-f2951dd3]{opacity:0;transform:translate(60px)}.toast-close[data-v-f2951dd3]{margin-left:auto;background:none;border:none;color:var(--text-light);cursor:pointer;padding:4px;border-radius:4px;transition:background .2s,color .2s}.toast-close[data-v-f2951dd3]:hover{background:var(--dropdown-hover-bg);color:var(--text-color)}.global-loader{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:var(--background-super-light)}.spinner-container{display:flex;flex-direction:column;align-items:center}.spinner-container i{font-size:32px;color:var(--primary-accent);margin-bottom:16px}.spinner-container p{color:var(--text-light);font-size:.9em;font-weight:500;margin:0}.badge-online[data-v-dec8ecff]{background-color:#4caf5026;color:var(--status-online);border:1px solid var(--status-online)}.badge-offline[data-v-dec8ecff]{background-color:#f4433626;color:var(--status-offline);border:1px solid var(--status-offline)}.badge-attention[data-v-dec8ecff]{background-color:#ff980026;color:var(--status-attention);border:1px solid var(--status-attention)}.badge-unknown[data-v-dec8ecff]{background-color:transparent;color:var(--text-light);border:1px solid var(--border-color)}.teleported-menu{position:absolute!important;z-index:10000!important}.text-success[data-v-97e706b5]{color:var(--status-online)}.text-danger[data-v-97e706b5]{color:var(--status-offline)}.table-responsive-wrapper[data-v-6708e16d]{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:5px}.text-success[data-v-f475f86e]{color:var(--status-online)}.text-danger[data-v-f475f86e]{color:var(--status-offline)}.global-offline-banner[data-v-d76f0125]{position:fixed;top:0;left:0;width:100vw;background-color:#d32f2f;color:#fff;z-index:10000;padding:8px 15px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600;font-size:.9em;box-shadow:0 2px 10px #d32f2f66}.app-container.has-offline-banner[data-v-d76f0125]{padding-top:36px;height:calc(100vh - 36px)}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}html{color-scheme:light}body.dark-theme{color-scheme:dark}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease,transform .18s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(4px)}:root{--primary-accent: #7D8B99;--primary-accent-dark: #6A7785;--background-super-light: #F0F2F5;--background-panel: #FFFFFF;--text-color: #333333;--text-light: #666666;--border-color: #E2E2E2;--shadow-color: rgba(0, 0, 0, .03);--sidebar-bg: #2F343A;--sidebar-text: #B5C0CB;--sidebar-hover-bg: #3D444E;--sidebar-active-bg: #4F5D6B;--sidebar-active-text: #FFFFFF;--topbar-bg: #FFFFFF;--topbar-text: #333333;--status-online: #4CAF50;--status-offline: #F44336;--status-attention: #FFC107;--status-unknown: #808080;--dropdown-bg: #FFFFFF;--dropdown-border: #E2E2E2;--dropdown-hover-bg: #F5F7F9;--input-bg: #F8F8F8;--input-border: #D0D0D0;--input-focus-border: var(--primary-accent);--table-header-bg: #F5F5F5;--table-row-hover-bg: #F8F8F8}body.dark-theme{--primary-accent: #6A7785;--primary-accent-dark: #5C6773;--background-super-light: #1A1A1A;--background-panel: #262626;--text-color: #E0E0E0;--text-light: #A0A0A0;--border-color: #3A3A3A;--shadow-color: rgba(0, 0, 0, .1);--sidebar-bg: #1F1F1F;--sidebar-text: #A0A0A0;--sidebar-hover-bg: #2B2B2B;--sidebar-active-bg: #3A4550;--sidebar-active-text: #E0E0E0;--topbar-bg: #262626;--topbar-text: #E0E0E0;--status-online: #4CAF50;--status-offline: #F44336;--status-attention: #FFC107;--status-unknown: #808080;--dropdown-bg: #262626;--dropdown-border: #3A3A3A;--dropdown-hover-bg: #333333;--input-bg: #333333;--input-border: #444444;--input-focus-border: var(--primary-accent);--table-header-bg: #2B2B2B;--table-row-hover-bg: #303030}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--background-super-light);color:var(--text-color);line-height:1.4;transition:background-color .3s ease,color .3s ease;overflow:hidden;font-size:.85em}a{color:var(--primary-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-accent-dark)}button{background-color:transparent;border:none;cursor:pointer;padding:0;font-family:Inter,sans-serif;color:inherit;font-size:inherit}ul{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin-bottom:.8em;font-weight:600}h2{font-size:1.4rem}h3{font-size:1.2rem}h4{font-size:1rem}.app-container{display:grid;grid-template-areas:"topbar topbar topbar" "sidebar main-content right-panel";grid-template-columns:220px 1fr 260px;grid-template-rows:50px 1fr;height:100vh;transition:grid-template-columns .3s ease}.app-container.sidebar-collapsed{grid-template-columns:60px 1fr 260px}.app-container.right-panel-collapsed{grid-template-columns:220px 1fr 0px}.app-container.sidebar-collapsed.right-panel-collapsed{grid-template-columns:60px 1fr 0px}.top-bar{grid-area:topbar;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background-color:var(--topbar-bg);border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px var(--shadow-color);color:var(--topbar-text);z-index:10;height:50px}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:15px}.app-title{font-size:1.2rem;font-weight:600;color:var(--text-color);margin:0;padding:0;line-height:1;display:flex;align-items:center;height:100%}.toggle-sidebar-btn,.theme-toggle-btn{font-size:.9rem;padding:6px 10px;border-radius:3px;transition:background-color .2s ease}.toggle-sidebar-btn:hover,.theme-toggle-btn:hover{background-color:var(--dropdown-hover-bg)}.status-indicators{display:flex;gap:8px;font-size:.8rem;color:var(--text-light)}.status-indicators span{display:flex;align-items:center;gap:4px}.user-profile{position:relative}.user-profile-btn{display:flex;align-items:center;gap:6px;font-size:.85rem;padding:6px 10px;border-radius:3px;transition:background-color .2s ease}.user-profile-btn:hover{background-color:var(--dropdown-hover-bg)}.user-profile-btn .username{font-weight:500}.user-profile-btn .fa-caret-down{font-size:.7rem;transition:transform .2s ease}.user-profile-btn.active .fa-caret-down{transform:rotate(180deg)}.sidebar{grid-area:sidebar;background-color:var(--sidebar-bg);color:var(--sidebar-text);padding:15px 0;overflow-y:auto;border-right:1px solid var(--border-color);transition:width .3s ease}.sidebar.collapsed{width:60px}.main-menu ul{padding:0 10px}.main-menu li{margin-bottom:3px}.main-menu li.separator{height:1px;background-color:#ffffff1a;margin:10px 0}.main-menu a{display:flex;align-items:center;padding:8px 12px;border-radius:3px;color:var(--sidebar-text);font-weight:400;font-size:.85em;transition:background-color .2s ease,color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-menu a:hover:not(.active){background-color:var(--sidebar-hover-bg);color:#fff}.main-menu a.active{background-color:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.main-menu a i{font-size:1em;margin-right:10px;width:18px;text-align:center}.sidebar.collapsed .menu-text,.sidebar.collapsed .expand-icon,.sidebar.collapsed .search-box-sidebar input,.sidebar.collapsed .search-box-sidebar button,.sidebar.collapsed .cpe-selected-info .hide-on-collapse{display:none}.sidebar.collapsed .main-menu a{justify-content:center;padding:8px 0}.sidebar.collapsed .main-menu a i{margin-right:0}.expand-icon{margin-left:auto;font-size:.7rem;transition:transform .2s ease}.search-box-sidebar{display:flex;align-items:center;background-color:#ffffff1a;border-radius:4px;padding:6px 8px;margin:0 10px 10px;transition:background-color .2s ease;border:1px solid rgba(255,255,255,.05);overflow:hidden}.search-box-sidebar:focus-within{background-color:#ffffff26;box-shadow:0 0 0 1px var(--primary-accent)}.search-box-sidebar i.fa-search{color:var(--sidebar-text);margin-right:6px;font-size:.85em;flex-shrink:0}.search-box-sidebar input{flex-grow:1;background:transparent!important;border:none!important;outline:none!important;color:#fff!important;font-size:.8em;padding:0!important;width:100%;min-width:0;box-shadow:none!important}.search-box-sidebar input::placeholder{color:var(--sidebar-text);opacity:.7}.search-box-sidebar button{color:var(--primary-accent);font-size:.85rem;padding:0 4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar.collapsed .search-box-sidebar{padding:6px 0;justify-content:center;margin:0 8px 10px}.sidebar.collapsed .search-box-sidebar i.fa-search{margin-right:0}.cpe-selected-info{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#ffffff1a;border-radius:4px;margin:0 10px 10px;font-size:.8em;color:#fff;text-align:left;gap:6px;border:1px solid rgba(255,255,255,.05)}.cpe-selected-info .status-offline,.cpe-selected-info .status-online,.cpe-selected-info .status-attention,.cpe-selected-info .status-unknown{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.sidebar.collapsed .cpe-selected-info{padding:8px 0;font-size:.7em;flex-direction:column;height:auto}.device-specific-menu{transition:opacity .3s ease}.device-specific-menu.disabled{opacity:.4;pointer-events:none}.flyout-menu{position:absolute;left:220px;top:50px;background-color:var(--dropdown-bg);border-left:1px solid var(--dropdown-border);box-shadow:1px 0 3px var(--shadow-color);padding:15px;min-width:230px;height:calc(100vh - 50px);overflow-y:auto;z-index:90;display:flex;flex-direction:column;gap:15px;opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.app-container.sidebar-collapsed .flyout-menu{left:60px}.flyout-menu.active{opacity:1;visibility:visible;transform:translate(0)}.flyout-column{display:flex;flex-direction:column;gap:5px}.flyout-column h4{font-size:1rem;color:var(--text-color);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border-color);font-weight:500}.flyout-column a{padding:6px 8px;color:var(--text-color);font-size:.8em;border-radius:2px;transition:background-color .2s ease}.flyout-column a:hover{background-color:var(--dropdown-hover-bg)}.main-content{grid-area:main-content;padding:15px;background-color:var(--background-super-light);overflow-y:auto}.page-header{margin-bottom:15px}.page-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}.page-title{font-size:1.4rem;color:var(--text-color);font-weight:600;margin-bottom:0}.page-subtitle{color:var(--text-light);margin-bottom:10px;max-width:800px;font-size:.85em}.page-actions{display:flex;gap:8px}.page-header-tabs{border-bottom:1px solid var(--border-color);margin-bottom:15px;padding-bottom:10px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.content-header h2,.content-header h3{font-size:1.2rem;color:var(--text-color);font-weight:600;margin-bottom:0}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs button,.tabs .tab-btn{padding:6px 12px;border-radius:3px;background-color:var(--background-panel);border:1px solid var(--border-color);color:var(--text-light);font-weight:500;font-size:.85em;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.tabs button.active,.tabs .tab-btn.active{background-color:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.tabs button:hover:not(.active),.tabs .tab-btn:hover:not(.active){background-color:var(--dropdown-hover-bg);border-color:var(--primary-accent);color:var(--text-color)}.form-group{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10px;gap:10px}.form-group label{font-size:.8em;color:var(--text-color);font-weight:500;flex-shrink:0;min-width:150px}.form-group input[type=text],.form-group input[type=password],.form-group input[type=number],.form-group select,.form-group textarea{flex-grow:1;padding:8px 10px;border:1px solid var(--input-border);border-radius:3px;background-color:var(--input-bg);color:var(--text-color);font-size:.8em;outline:none;transition:border-color .2s ease,box-shadow .2s ease;min-width:150px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--input-focus-border);background-color:var(--background-panel)}.form-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-accent);cursor:pointer}.input-with-icon{position:relative;flex-grow:1;display:flex;align-items:center}.input-with-icon input{width:100%;padding-right:35px}.table-actions{display:flex;justify-content:flex-start;align-items:center;padding:10px;background-color:var(--background-panel);border-radius:4px;margin-bottom:15px;box-shadow:0 1px 2px var(--shadow-color);border:1px solid var(--border-color);flex-wrap:wrap;gap:8px}.table-responsive-wrapper{width:100%;overflow-x:auto;overflow-y:auto;max-height:70vh;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px var(--shadow-color);background-color:var(--background-panel);margin-top:15px;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:separate;border-spacing:0;background-color:transparent;white-space:nowrap}.data-table thead{background-color:var(--table-header-bg)}.data-table th,.data-table td{padding:10px 15px;text-align:left;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);background-color:var(--background-panel)}.data-table th{font-size:.8em;font-weight:600;color:var(--text-color);text-transform:uppercase;cursor:pointer;background-color:var(--table-header-bg);position:sticky;top:0;z-index:10}.data-table th:last-child,.data-table td:last-child{border-right:none}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color .2s ease;cursor:pointer}.data-table tbody tr:hover td{background-color:var(--table-row-hover-bg)}.data-table td .action-btn{padding:5px 10px;border-radius:3px;background-color:var(--primary-accent);color:#fff;font-size:.75em;margin-right:5px;transition:background-color .2s ease;border:none}.data-table .sticky-left{position:sticky;left:0;z-index:11}.data-table th.sticky-left{z-index:21}.data-table .sticky-left:after{content:"";position:absolute;top:0;right:-6px;bottom:0;width:6px;background:linear-gradient(to right,rgba(0,0,0,.06),transparent);pointer-events:none;opacity:1}.data-table .sticky-right{position:sticky;right:0;z-index:11;border-left:1px solid var(--border-color)}.data-table th.sticky-right{z-index:21}.data-table .sticky-right:before{content:"";position:absolute;top:0;left:-6px;bottom:0;width:6px;background:linear-gradient(to left,rgba(0,0,0,.06),transparent);pointer-events:none;opacity:1}body.dark-theme .data-table .sticky-left:after{background:linear-gradient(to right,rgba(0,0,0,.3),transparent)}body.dark-theme .data-table .sticky-right:before{background:linear-gradient(to left,rgba(0,0,0,.3),transparent)}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:5px;font-size:.8em}.pagination button{padding:6px 12px;border:1px solid var(--border-color);border-radius:3px;background-color:var(--background-panel);color:var(--text-color);transition:background-color .2s ease,border-color .2s ease}.pagination button:hover:not(:disabled){background-color:var(--dropdown-hover-bg);border-color:var(--primary-accent)}.pagination button.active{background-color:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.right-panel{grid-area:right-panel;background-color:var(--background-panel);border-left:1px solid var(--border-color);padding:15px;overflow-y:auto;position:relative;box-shadow:-1px 0 2px var(--shadow-color);transition:width .3s ease,border-left .3s ease}.right-panel.collapsed{width:0;overflow:hidden;border-left:none;padding:0}.toggle-right-panel-btn{position:absolute;top:15px;left:-25px;background-color:var(--primary-accent);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;box-shadow:0 1px 2px var(--shadow-color);transition:transform .2s ease,background-color .2s ease;z-index:10}.toggle-right-panel-btn:hover{background-color:var(--primary-accent-dark)}.right-panel.collapsed .toggle-right-panel-btn{transform:translate(calc(-100% - 10px));border-radius:4px}.actions-panel,.details-panel{background-color:var(--background-super-light);border:1px solid var(--border-color);border-radius:4px;padding:10px;margin-bottom:15px;box-shadow:0 1px 2px var(--shadow-color)}.actions-panel h3,.details-panel h3{font-size:1rem;color:var(--text-color);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border-color);font-weight:500}.actions-panel ul{padding:0}.actions-panel li{margin-bottom:5px}.actions-panel .action-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background-color:var(--primary-accent);color:#fff;border-radius:3px;font-size:.8em;font-weight:500;transition:background-color .2s ease,transform .1s ease;justify-content:flex-start;border:none}.actions-panel p,.details-panel p{font-size:.75em;color:var(--text-light);text-align:center;margin-top:8px}.details-panel p{margin-bottom:4px;text-align:left}.details-panel strong{color:var(--text-color)}.details-panel .action-btn{margin-top:10px;background-color:var(--background-panel);color:var(--text-color);padding:6px 12px;border-radius:3px;font-size:.75em;border:1px solid var(--border-color);width:100%;text-align:center;justify-content:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 15px;background-color:var(--primary-accent);color:#fff;border-radius:3px;font-size:.8em;font-weight:500;transition:background-color .2s ease,transform .1s ease;white-space:nowrap;border:none}.action-btn:hover:not(:disabled){background-color:var(--primary-accent-dark);transform:translateY(-1px)}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn.dangerous-action{background-color:var(--status-offline)}.action-btn.dangerous-action:hover:not(:disabled){background-color:#d32f2f}.action-btn.ghost{background:var(--background-panel);color:var(--text-color);border:1px solid var(--border-color)}.action-btn.ghost:hover:not(:disabled){background:var(--dropdown-hover-bg);border-color:var(--primary-accent)}.icon-btn{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1em;transition:color .2s ease;padding:4px;border-radius:3px}.icon-btn:hover{color:var(--text-color);background-color:var(--dropdown-hover-bg)}.button-group{display:inline-flex;border-radius:3px;overflow:hidden;border:1px solid var(--border-color)}.button-group .action-btn{border-radius:0;border:none;border-right:1px solid var(--border-color)}.button-group .action-btn:last-child{border-right:none}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.dashboard-card{background-color:var(--background-panel);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px var(--shadow-color);padding:15px;text-align:center}.dashboard-card h3{font-size:1em;color:var(--text-light);margin-bottom:5px;font-weight:500}.dashboard-card p{font-size:1.8em;font-weight:700;color:var(--primary-accent);margin-bottom:0}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:20px}.detail-card{background-color:var(--background-panel);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px var(--shadow-color);padding:15px;font-size:.85em}.detail-card strong{display:block;margin-bottom:5px;color:var(--text-color)}.detail-card span{color:var(--text-light)}.settings-group{background-color:var(--background-panel);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px var(--shadow-color);padding:15px;margin-bottom:20px}.settings-group h3{font-size:1.1em;color:var(--text-color);margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid var(--border-color)}.event-list{background-color:var(--background-panel);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px var(--shadow-color);padding:15px;margin-bottom:20px}.event-list li{padding:8px 0;border-bottom:1px dashed var(--border-color);font-size:.8em;color:var(--text-light)}.event-list li:last-child{border-bottom:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.stats-item{display:flex;flex-direction:column;font-size:.9em;background:#00000005;padding:8px 10px;border-radius:4px;border:1px solid var(--border-color)}.stats-item span:first-child{color:var(--text-light);font-weight:500;margin-bottom:4px;font-size:.85em;text-transform:uppercase}.stats-item span:last-child{color:var(--text-color);font-weight:600;font-size:1.05em}body.dark-theme .stats-item{background:#ffffff05}.badge{font-size:.7em;padding:2px 6px;border-radius:10px;font-weight:600;text-transform:uppercase;background-color:var(--dropdown-hover-bg);color:var(--text-color);border:1px solid var(--border-color)}.badge-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-online,.bg-online{color:var(--status-online);background-color:var(--status-online)}.status-offline,.bg-offline{color:var(--status-offline);background-color:var(--status-offline)}.status-attention,.bg-attention{color:var(--status-attention);background-color:var(--status-attention)}.status-unknown,.bg-unknown{color:var(--status-unknown);background-color:var(--status-unknown)}span.status-online,span.status-offline,span.status-attention,span.status-unknown{background-color:transparent;font-weight:600}.stat-trend{display:inline-flex;align-items:center;gap:4px;font-weight:500;font-size:.9em}.stat-trend.success{color:var(--status-online)}.stat-trend.danger{color:var(--status-offline)}.stat-trend.warning{color:var(--status-attention)}.stat-trend.neutral{color:var(--text-light)}.alert-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:3px;margin-bottom:15px;border:1px solid transparent}.alert-banner .alert-icon{font-size:1.1em;margin-top:1px}.alert-banner .alert-content{flex-grow:1}.alert-banner .alert-title{font-weight:600;margin-bottom:4px;font-size:.9em}.alert-banner .alert-message{font-size:.8em}.alert-banner .alert-close{opacity:.6;padding:2px;border-radius:3px;transition:opacity .2s,background .2s}.alert-banner .alert-close:hover{opacity:1;background:#0000000d}.alert-info{background-color:#2196f31a;border-color:#2196f333;color:#0b76cc}.alert-success{background-color:#4caf501a;border-color:#4caf5033;color:var(--status-online)}.alert-warning{background-color:#ff98001a;border-color:#ff980033;color:#d68100}.alert-error{background-color:#f443361a;border-color:#f4433633;color:var(--status-offline)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-light)}.empty-state .empty-icon{font-size:2.5em;margin-bottom:10px;opacity:.5}.empty-state .empty-title{font-size:1.1em;font-weight:600;color:var(--text-color);margin-bottom:6px}.empty-state .empty-desc{font-size:.85em;max-width:400px;margin-bottom:15px}.loading-spinner{border:2px solid;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-wrapper{width:100%;display:flex;flex-direction:column;gap:4px}.progress-header{display:flex;justify-content:space-between;font-size:.75em}.progress-label{font-weight:500;color:var(--text-color)}.progress-value{color:var(--text-light)}.progress-track{width:100%;background-color:var(--border-color);border-radius:3px;overflow:hidden;height:6px}.progress-fill{height:100%;transition:width .3s ease,background-color .3s ease}.progress-fill.primary{background-color:var(--primary-accent)}.progress-fill.success{background-color:var(--status-online)}.progress-fill.warning{background-color:var(--status-attention)}.progress-fill.danger{background-color:var(--status-offline)}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:8px}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{width:30px;height:16px;background-color:var(--border-color);border-radius:16px;position:relative;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:12px;width:12px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(14px)}.toggle-label{font-size:.8em;color:var(--text-color);font-weight:500}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%;max-width:250px}.search-input-wrapper .search-icon{position:absolute;left:8px;color:var(--text-light);font-size:.85em;pointer-events:none}.search-input-wrapper input{width:100%;padding:6px 26px;border:1px solid var(--input-border);border-radius:3px;background-color:var(--input-bg);color:var(--text-color);outline:none;transition:.2s;font-size:.8em}.search-input-wrapper input:focus{border-color:var(--primary-accent)}.search-input-wrapper .clear-btn{position:absolute;right:6px;color:var(--text-light);cursor:pointer;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:none;background:transparent}.search-input-wrapper .clear-btn:hover{background-color:var(--dropdown-hover-bg);color:var(--text-color)}.dropdown-wrapper{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 4px);background-color:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:4px;box-shadow:0 4px 12px var(--shadow-color);min-width:180px;z-index:100;padding:4px 0}.dropdown-menu.left{left:0}.dropdown-menu.right{right:0}.dropdown-item{display:flex;align-items:center;width:100%;padding:10px 15px;font-size:.85em;color:var(--text-color);background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s,color .2s;gap:10px;font-weight:500}.dropdown-item:hover{background-color:var(--dropdown-hover-bg);color:var(--primary-accent)}.dropdown-item i{width:16px;text-align:center;color:var(--text-light);font-size:1.1em;transition:color .2s}.dropdown-item:hover i{color:var(--primary-accent)}.accordion-panel{border:1px solid var(--border-color);border-radius:4px;margin-bottom:10px;background-color:var(--background-panel)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;cursor:pointer;transition:background-color .2s;border:none;background:transparent}.accordion-header:hover{background-color:var(--dropdown-hover-bg)}.accordion-title{font-weight:600;color:var(--text-color);font-size:.85em}.accordion-icon{transition:transform .3s ease;color:var(--text-light)}.accordion-panel.is-expanded .accordion-icon{transform:rotate(180deg)}.accordion-content{padding:15px;border-top:1px solid var(--border-color)}.avatar-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;-webkit-user-select:none;user-select:none;flex-shrink:0}.skeleton-loader{background:linear-gradient(90deg,var(--border-color) 25%,var(--input-bg) 50%,var(--border-color) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:3px}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.steps-indicator{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;width:100%}.step-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;gap:6px}.step-circle{width:24px;height:24px;border-radius:50%;background-color:var(--input-bg);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-light);font-size:.75em;z-index:2;transition:.3s}.step-label{font-size:.75em;color:var(--text-light);font-weight:500;text-align:center;transition:.3s}.step-line{position:absolute;top:12px;left:50%;width:100%;height:2px;background-color:var(--border-color);z-index:1;transition:.3s}.step-item.active .step-circle{border-color:var(--primary-accent);color:var(--primary-accent)}.step-item.active .step-label{color:var(--text-color)}.step-item.completed .step-circle{background-color:var(--primary-accent);border-color:var(--primary-accent);color:#fff}.step-item.completed .step-line{background-color:var(--primary-accent)}.info-tooltip{cursor:help;color:var(--text-light);transition:color .2s;position:relative;display:inline-flex;align-items:center}.info-tooltip:hover{color:var(--primary-accent)}.info-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-6px);background:var(--text-color);color:var(--background-panel);padding:4px 8px;border-radius:3px;font-size:.75em;white-space:nowrap;opacity:0;visibility:hidden;transition:.2s;z-index:1000;pointer-events:none}.info-tooltip:hover:after{opacity:1;visibility:visible}pre.console-output{background-color:#2d2d2d;color:silver;padding:15px;border-radius:4px;overflow-x:auto;font-family:Consolas,Monaco,monospace;font-size:.8em;line-height:1.3;max-height:300px;border:1px solid #3A3A3A;box-shadow:inset 0 1px 2px #0000001a}.iface-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:15px;margin-bottom:20px}.iface-card{background-color:var(--background-panel);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;box-shadow:0 1px 2px var(--shadow-color);transition:box-shadow .2s ease,transform .2s ease}.iface-card:hover{box-shadow:0 3px 6px var(--shadow-color);transform:translateY(-1px)}.iface-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid var(--border-color)}.iface-header h3{margin:0;font-size:1em;display:flex;align-items:center;gap:8px;color:var(--text-color)}.iface-body{padding:15px;font-size:.85em;color:var(--text-light);flex-grow:1}.iface-section-title{margin:10px 0 5px;font-size:.85em;text-transform:uppercase;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:3px;font-weight:600}.iface-body .iface-section-title:first-child{margin-top:0}.iface-footer{margin-top:15px;text-align:right;border-top:1px dashed var(--border-color);padding-top:10px}.metrics-chart-wrapper{background-color:var(--background-panel);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px var(--shadow-color);padding:15px;margin-bottom:20px;position:relative}.metrics-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.metrics-chart-legend{display:flex;gap:15px;font-size:.8em;font-weight:500}.metrics-chart-legend-item{display:flex;align-items:center;gap:6px}.metrics-chart-legend-color{width:10px;height:10px;border-radius:2px}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:9999;opacity:0;visibility:hidden;transition:.3s}.drawer-overlay.open{opacity:1;visibility:visible}.drawer-panel{position:absolute;top:0;right:0;height:100vh;background:var(--background-panel);box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.drawer-overlay.open .drawer-panel{transform:translate(0)}.drawer-header{padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.drawer-header h3{margin:0;font-size:1.1em}.drawer-close{background:none;border:none;font-size:1.1em;cursor:pointer;color:var(--text-light);transition:.2s}.drawer-close:hover{color:var(--text-color)}.drawer-content{padding:20px;flex-grow:1;overflow-y:auto}.drawer-footer{padding:15px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px;background:var(--background-super-light)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:9999;opacity:0;visibility:hidden;transition:.2s}.modal-overlay.open{opacity:1;visibility:visible}.modal-content{background:var(--background-panel);border-radius:4px;box-shadow:0 4px 20px #00000026;width:100%;max-width:400px;transform:translateY(-20px);transition:.2s}.modal-overlay.open .modal-content{transform:translateY(0)}.modal-header{padding:12px 15px;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.1em}.modal-body{padding:15px;color:var(--text-color);font-size:.85em;line-height:1.4}.modal-footer{padding:12px 15px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px;background:var(--background-super-light);border-radius:0 0 4px 4px}@media(max-width:1200px){.app-container{grid-template-columns:200px 1fr 240px}.app-container.sidebar-collapsed{grid-template-columns:60px 1fr 240px}.app-container.right-panel-collapsed{grid-template-columns:200px 1fr 0px}.app-container.sidebar-collapsed.right-panel-collapsed{grid-template-columns:60px 1fr 0px}.flyout-menu{left:200px;min-width:200px}.app-container.sidebar-collapsed .flyout-menu{left:60px}}@media(max-width:992px){.app-container{grid-template-columns:60px 1fr 0;grid-template-areas:"topbar topbar topbar" "sidebar main-content main-content"}.sidebar{width:60px}.sidebar .menu-text,.sidebar .expand-icon{display:none}.sidebar .main-menu a{justify-content:center;padding:8px 0}.sidebar .main-menu a i{margin-right:0}.sidebar .search-box-sidebar input,.sidebar .search-box-sidebar button,.sidebar .cpe-selected-info .hide-on-collapse,.right-panel,.toggle-right-panel-btn{display:none}.flyout-menu{left:60px;top:50px;width:250px;height:calc(100vh - 50px)}.status-indicators{display:none}}