:root{--primary-color: #FF5722;--layout-bg: #FFFFFF;--content-bg: #F5F7FA;--sidebar-bg: #F0F2F5;--text-color: rgba(0, 0, 0, .85);--border-color: #D9D9D9;--status-critical: #ff4d4f;--status-warning: #faad14;--status-info: #1890ff;--status-normal: #52c41a;--status-unknown: #d9d9d9;--connection-online: #52c41a;--connection-offline: #ff4d4f;--connection-unknown: #d9d9d9;--log-source-system: purple;--log-source-user: cyan;--log-source-device: green;--menu-selected-bg: #fff1e6;--menu-selected-border: #FF5722;--menu-hover-bg: rgba(255, 87, 34, .1);--font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;--line-height: 1.5;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--border-radius-sm: 2px;--border-radius-md: 4px;--border-radius-lg: 8px;--border-radius-xl: 12px;--border-radius-pill: 9999px;--shadow-card: 0 1px 4px rgba(0,0,0,.05);--shadow-dropdown: 0 2px 8px rgba(0,0,0,.15);--shadow-modal: 0 4px 12px rgba(0,0,0,.15)}.status-tag{border-radius:var(--border-radius-pill);padding:0 10px;color:#fff}.status-critical{background-color:var(--status-critical)}.status-warning{background-color:var(--status-warning)}.status-info{background-color:var(--status-info)}.status-normal{background-color:var(--status-normal)}.status-unknown{background-color:var(--status-unknown);color:#000000a6}.connection-online{background-color:var(--connection-online)}.connection-offline{background-color:var(--connection-offline)}.connection-unknown{background-color:var(--connection-unknown);color:#000000a6}.log-source-system{background-color:var(--log-source-system)}.log-source-user{background-color:var(--log-source-user)}.log-source-device{background-color:var(--log-source-device)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}@font-face{font-family:Roboto;src:url(data:font/ttf;base64,NDA0OiBOb3QgRm91bmQ=) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(data:font/ttf;base64,NDA0OiBOb3QgRm91bmQ=) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(data:font/ttf;base64,NDA0OiBOb3QgRm91bmQ=) format("truetype");font-weight:700;font-style:normal}body{font-family:Roboto,sans-serif}.sider-header{height:64px;display:flex;align-items:center;justify-content:center;padding:10px;transition:all .2s ease-in-out}.site-layout{transition:margin-left .2s ease-in-out}.ant-layout-sider{transition:width .2s ease-in-out,min-width .2s ease-in-out!important}.ant-menu-light{background:transparent!important}.ant-layout-content{padding:16px;display:flex;flex-direction:column}.content-wrapper{flex-grow:1;padding:24px;border-radius:12px;display:flex;flex-direction:column}.custom-menu .ant-menu-item{margin:8px 12px!important;width:calc(100% - 24px)!important;border-radius:50px;padding-left:16px!important}.ant-menu-sub{background:#faf9f6!important}.ant-layout-sider-collapsed .custom-menu .ant-menu-item{padding-left:20px!important}.custom-menu .ant-menu-item:after{border-right:none!important}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px}.header-left{display:flex;align-items:center}.header-title{font-size:20px;font-weight:600;margin:0}.header-right{display:flex;align-items:center;gap:20px;background-color:#ffa3408c;padding:9px 10px;border-radius:50px;box-shadow:0 1px 5px #00000026}.app-breadcrumb{margin:16px 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.fade-out{animation:fadeOut .5s ease-out}.user-dropdown-menu .ant-dropdown-menu{border-radius:8px;box-shadow:0 4px 12px #00000026}.loader-container{display:flex;flex-direction:column;align-items:center;gap:2rem;--md-sys-color-surface: rgb(231, 139, 0);--md-sys-color-primary: rgb(231, 139, 0);--md-sys-color-secondary: rgb(231, 139, 0);--md-sys-color-tertiary: rgb(231, 139, 0);--animation-duration: 1.5s;--animation-timing-function: cubic-bezier(.65, 0, .35, 1)}.loader{width:50px;height:50px;background-color:var(--md-sys-color-primary);animation:morph var(--animation-duration) var(--animation-timing-function) infinite}@keyframes morph{0%{border-radius:50%;transform:rotate(0) scale(1);background-color:var(--md-sys-color-primary)}20%{border-radius:50%;transform:rotate(0) scale(1.1);background-color:var(--md-sys-color-primary)}30%{border-radius:25%;transform:rotate(0) scale(1);background-color:var(--md-sys-color-secondary)}50%{border-radius:25%;transform:rotate(0) scale(1.1);background-color:var(--md-sys-color-secondary)}60%{border-radius:15%;transform:rotate(45deg) scale(1);background-color:var(--md-sys-color-tertiary)}80%{border-radius:15%;transform:rotate(45deg) scale(1.1);background-color:var(--md-sys-color-tertiary)}90%{border-radius:50%;transform:rotate(90deg) scale(1);background-color:var(--md-sys-color-primary)}to{border-radius:50%;transform:rotate(90deg) scale(1);background-color:var(--md-sys-color-primary)}}