.app-container{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden;touch-action:none;position:relative;outline:none}.nav-bar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;gap:20px;padding:15px;background-color:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:100;flex-wrap:wrap;box-shadow:0 2px 10px #0003}.main-content{flex:1;width:100%;height:100vh;position:relative;overflow:hidden}.nav-link{color:#e2e8f0;text-decoration:none;padding:8px 18px;border-radius:30px;transition:all .3s ease;font-weight:500;letter-spacing:.5px;font-size:1rem}.nav-link:hover{background-color:#4dabf733;color:#fff;transform:translateY(-2px)}.router-link-active{background-color:#4dabf7;color:#000;font-weight:600;box-shadow:0 4px 10px #4dabf74d}.page-indicator{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;z-index:1000}.indicator-dot{width:12px;height:12px;border-radius:50%;background-color:#ffffff4d;cursor:pointer;transition:all .3s ease}.indicator-dot:hover{background-color:#fff9;transform:scale(1.2)}.indicator-dot.active{background-color:#4dabf7;box-shadow:0 0 10px #4dabf799}.debug-panel{position:fixed;left:10px;bottom:10px;background-color:#000000b3;color:#fff;padding:10px;border-radius:5px;font-size:12px;z-index:2000}.slide-up-enter-active,.slide-up-leave-active,.slide-down-enter-active,.slide-down-leave-active,.slide-loop-up-enter-active,.slide-loop-up-leave-active,.slide-loop-down-enter-active,.slide-loop-down-leave-active{transition:all .5s ease;position:absolute;width:100%;height:100%}.slide-up-enter-from{transform:translateY(100%)}.slide-up-leave-to,.slide-down-enter-from{transform:translateY(-100%)}.slide-down-leave-to{transform:translateY(100%)}.slide-loop-up-enter-from{transform:translateY(-100%)}.slide-loop-up-leave-to,.slide-loop-down-enter-from{transform:translateY(100%)}.slide-loop-down-leave-to{transform:translateY(-100%)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(10px)}@media (max-width: 768px){.nav-bar{padding:10px 5px;gap:10px}.nav-link{padding:6px 12px;font-size:.85rem}.page-indicator{right:10px}.indicator-dot{width:10px;height:10px}}.hardware-detail-card[data-v-7773fb1d]{background-color:#1a2736cc;border-radius:min(1.2vh,1.2vw);box-shadow:0 4px 12px #0003;padding:min(1.5vh,1.5vw);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(44,62,80,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;height:100%}.hardware-detail-card[data-v-7773fb1d]:hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-2px)}.card-header[data-v-7773fb1d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:min(1vh,1vw)}.card-header h3[data-v-7773fb1d]{margin:0;color:#4db6ac;font-size:max(8px,min(1.6vh,1.6vw));font-weight:500}.card-actions[data-v-7773fb1d]{display:flex;gap:min(.5vh,.5vw)}.action-button[data-v-7773fb1d]{background-color:#2c3e5080;border:none;border-radius:min(.6vh,.6vw);color:#e6e6e6;cursor:pointer;width:min(3vh,3vw);height:min(3vh,3vw);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-button[data-v-7773fb1d]:hover{background-color:#2c3e50b3}.refresh-icon[data-v-7773fb1d]{font-size:max(8px,min(1.6vh,1.6vw))}.card-content[data-v-7773fb1d]{flex:1;display:flex;flex-direction:column}.cpu-cores-container[data-v-7773fb1d]{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-right:min(.6vh,.6vw);scrollbar-width:thin;scrollbar-color:rgba(77,182,172,.5) rgba(44,62,80,.3)}.cpu-cores-container[data-v-7773fb1d]::-webkit-scrollbar{width:min(.6vh,.6vw)}.cpu-cores-container[data-v-7773fb1d]::-webkit-scrollbar-track{background:#2c3e504d;border-radius:min(.3vh,.3vw)}.cpu-cores-container[data-v-7773fb1d]::-webkit-scrollbar-thumb{background-color:#4db6ac80;border-radius:min(.3vh,.3vw)}.cores-grid[data-v-7773fb1d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(120px,30%),1fr));gap:min(.8vh,.8vw)}.core-item[data-v-7773fb1d]{background-color:#2c3e504d;padding:min(.8vh,.8vw);border-radius:min(.6vh,.6vw);transition:all .3s ease}.core-item[data-v-7773fb1d]:hover{background-color:#2c3e5080;transform:translateY(-2px)}.core-header[data-v-7773fb1d]{display:flex;justify-content:space-between;margin-bottom:min(.5vh,.5vw)}.core-name[data-v-7773fb1d]{font-size:max(6px,min(1.2vh,1.2vw));opacity:.8}.core-value[data-v-7773fb1d]{font-size:max(6px,min(1.2vh,1.2vw));font-weight:500}.core-progress-bar[data-v-7773fb1d]{height:min(.4vh,.4vw);background-color:#2c3e5080;border-radius:min(.2vh,.2vw);overflow:hidden}.core-progress[data-v-7773fb1d]{height:100%;transition:width .3s ease;box-shadow:0 0 5px #0003}.system-info-container[data-v-7773fb1d]{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-right:min(.6vh,.6vw);scrollbar-width:thin;scrollbar-color:rgba(77,182,172,.5) rgba(44,62,80,.3)}.system-info-container[data-v-7773fb1d]::-webkit-scrollbar{width:min(.6vh,.6vw)}.system-info-container[data-v-7773fb1d]::-webkit-scrollbar-track{background:#2c3e504d;border-radius:min(.3vh,.3vw)}.system-info-container[data-v-7773fb1d]::-webkit-scrollbar-thumb{background-color:#4db6ac80;border-radius:min(.3vh,.3vw)}.system-info-grid[data-v-7773fb1d]{display:grid;grid-template-columns:repeat(3,1fr);gap:min(.8vh,.8vw)}.system-info-item[data-v-7773fb1d]{background-color:#2c3e504d;padding:min(.8vh,.8vw);border-radius:min(.6vh,.6vw);transition:all .3s ease}.system-info-item[data-v-7773fb1d]:hover{background-color:#2c3e5080;transform:translateY(-2px)}.system-info-header[data-v-7773fb1d]{display:flex;flex-direction:column}.system-info-label[data-v-7773fb1d]{font-size:max(6px,min(1.2vh,1.2vw));opacity:.8;margin-bottom:min(.3vh,.3vw)}.system-info-value[data-v-7773fb1d]{font-size:max(6px,min(1.2vh,1.2vw));font-weight:500}.no-data[data-v-7773fb1d],.default-content[data-v-7773fb1d]{flex:1;display:flex;justify-content:center;align-items:center;color:#e6e6e699;font-size:max(7px,min(1.4vh,1.4vw))}.status-normal[data-v-7773fb1d]{color:#52c41a}.status-warning[data-v-7773fb1d]{color:#faad14}.status-critical[data-v-7773fb1d]{color:#ff4d4f}html[data-v-b7fc4782],body[data-v-b7fc4782]{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#0f1924}body[data-v-b7fc4782]{position:fixed;touch-action:manipulation;overscroll-behavior:none}.dashboard[data-v-b7fc4782]{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:#0f1924;color:#e6e6e6;overflow:hidden;font-size:max(11px,min(1.2vh,1.2vw));font-family:Segoe UI,Microsoft YaHei,sans-serif;position:fixed;top:0;left:0;right:0;bottom:0;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;touch-action:none}.dashboard-grid[data-v-b7fc4782]{display:flex;flex-direction:column;gap:clamp(8px,min(1.2vh,1.2vw),16px);padding:clamp(8px,min(2vh,2vw),16px);overflow-y:auto;height:100vh;box-sizing:border-box;width:100%}.dashboard-row[data-v-b7fc4782]{display:flex;gap:clamp(8px,min(1vh,1vw),16px);width:100%;min-height:0;box-sizing:border-box}.first-row[data-v-b7fc4782]{flex:1;flex-wrap:nowrap;align-items:stretch}.second-row[data-v-b7fc4782]{flex:1;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;gap:clamp(10px,min(1.5vh,1.5vw),18px)}.third-row[data-v-b7fc4782]{flex:1;flex-wrap:nowrap;align-items:stretch;margin-bottom:min(1vh,1vw)}.dashboard-card[data-v-b7fc4782]{background-color:#1a2736cc;border-radius:min(1.2vh,1.2vw);box-shadow:0 4px 12px #0003;padding:min(1.5vh,1.5vw);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(44,62,80,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;min-width:0}.dashboard-card[data-v-b7fc4782]:hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-2px)}.dashboard-card h3[data-v-b7fc4782]{margin-top:0;margin-bottom:min(1vh,1vw);color:#4db6ac;font-size:max(8px,min(1.6vh,1.6vw));border-bottom:1px solid rgba(77,182,172,.3);padding-bottom:min(.6vh,.6vw);font-weight:500}.system-status[data-v-b7fc4782]{flex:3;display:flex;flex-direction:column}.status-grid[data-v-b7fc4782]{display:grid;grid-template-columns:repeat(2,1fr);gap:min(1vh,1vw);height:calc(100% - min(3.5vh,3.5vw))}.status-item[data-v-b7fc4782]{background-color:#2c3e504d;padding:min(1vh,1vw);border-radius:min(1vh,1vw);transition:all .3s ease;display:flex;flex-direction:column;min-height:0}.status-item[data-v-b7fc4782]:hover{background-color:#2c3e5080;transform:translateY(-2px)}.status-header[data-v-b7fc4782]{display:flex;justify-content:space-between;margin-bottom:min(.6vh,.6vw)}.progress-bar[data-v-b7fc4782]{height:min(.5vh,.5vw);background-color:#2c3e5080;border-radius:min(.25vh,.25vw);overflow:hidden;margin-top:auto}.progress[data-v-b7fc4782]{height:100%;transition:width .3s ease;box-shadow:0 0 5px #0003}.hardware-monitor[data-v-b7fc4782]{flex:1;display:flex;flex-direction:column}.hardware-content[data-v-b7fc4782]{display:flex;flex-direction:column;gap:min(1vh,1vw);height:calc(100% - min(3.5vh,3.5vw));justify-content:space-between}.hardware-item[data-v-b7fc4782]{display:flex;justify-content:space-between;background-color:#2c3e504d;padding:min(1.5vh,1.5vw);border-radius:min(1vh,1vw);transition:all .3s ease}.hardware-item[data-v-b7fc4782]:hover{background-color:#2c3e5080;transform:translateY(-2px)}.hardware-item .label[data-v-b7fc4782]{font-size:max(6px,min(1.2vh,1.2vw))}.hardware-item .value[data-v-b7fc4782]{font-size:max(7px,min(1.4vh,1.4vw));font-weight:500}.network-monitor[data-v-b7fc4782]{flex:2;display:flex;flex-direction:column}.network-compact[data-v-b7fc4782]{display:flex;flex-direction:column;gap:min(1vh,1vw);height:calc(100% - min(3.5vh,3.5vw));justify-content:space-between}.network-interface-selector[data-v-b7fc4782]{display:flex;gap:min(.8vh,.8vw)}.network-button[data-v-b7fc4782]{flex:1;padding:min(.6vh,.6vw);background-color:#2c3e5080;border:none;border-radius:min(.6vh,.6vw);color:#e6e6e6;cursor:pointer;font-size:max(6px,min(1.2vh,1.2vw));transition:all .3s ease}.network-button[data-v-b7fc4782]:hover{background-color:#2c3e50b3}.network-button.active[data-v-b7fc4782]{background-color:#4db6ac;color:#0f1924}.network-info[data-v-b7fc4782]{background-color:#2c3e504d;border-radius:min(1vh,1vw);padding:min(1vh,1vw);flex:1;display:flex;flex-direction:column;justify-content:center}.info-item[data-v-b7fc4782]{display:flex;align-items:center;font-size:max(6px,min(1.2vh,1.2vw));margin-bottom:min(.5vh,.5vw)}.info-item[data-v-b7fc4782]:last-child{margin-bottom:0}.info-item .label[data-v-b7fc4782]{margin-right:10px;opacity:.8}.info-item .status[data-v-b7fc4782]{margin-left:auto;padding:2px 8px;border-radius:20px;font-size:max(5px,min(1vh,1vw))}.network-speeds[data-v-b7fc4782]{display:flex;gap:min(.8vh,.8vw)}.speed-item[data-v-b7fc4782]{flex:1;display:flex;justify-content:space-between;align-items:center;background-color:#2c3e504d;padding:min(1vh,1vw);border-radius:min(1vh,1vw);transition:all .3s ease}.speed-item[data-v-b7fc4782]:hover{background-color:#2c3e5080;transform:translateY(-2px)}.speed-label[data-v-b7fc4782]{opacity:.8;font-size:max(6px,min(1.2vh,1.2vw))}.download-value[data-v-b7fc4782]{color:#2196f3;font-weight:700;font-size:max(7px,min(1.4vh,1.4vw))}.upload-value[data-v-b7fc4782]{color:#f44336;font-weight:700;font-size:max(7px,min(1.4vh,1.4vw))}.performance-chart[data-v-b7fc4782]{display:none}.disk-monitor-small[data-v-b7fc4782]{flex:2;display:flex;flex-direction:column}.disk-container[data-v-b7fc4782]{display:flex;flex-direction:column;gap:min(.8vh,.8vw);height:calc(100% - min(3.5vh,3.5vw));overflow-y:auto;padding-right:min(.8vh,.8vw);scrollbar-width:thin;scrollbar-color:rgba(77,182,172,.5) rgba(44,62,80,.3)}.disk-container[data-v-b7fc4782]::-webkit-scrollbar{width:min(.8vh,.8vw)}.disk-container[data-v-b7fc4782]::-webkit-scrollbar-track{background:#2c3e504d;border-radius:min(.4vh,.4vw)}.disk-container[data-v-b7fc4782]::-webkit-scrollbar-thumb{background-color:#4db6ac80;border-radius:min(.4vh,.4vw)}.disk-item[data-v-b7fc4782]{flex:0 0 auto;background-color:#2c3e504d;padding:min(.8vh,.8vw);border-radius:min(.8vh,.8vw);transition:all .3s ease;display:flex;flex-direction:column;margin-bottom:min(.8vh,.8vw)}.disk-item[data-v-b7fc4782]:last-child{margin-bottom:0}.disk-item[data-v-b7fc4782]:hover{background-color:#2c3e5080;transform:translateY(-2px)}.disk-header[data-v-b7fc4782]{display:flex;justify-content:space-between;align-items:center;margin-bottom:min(.8vh,.8vw)}.disk-title[data-v-b7fc4782]{font-weight:700;font-size:max(7px,min(1.4vh,1.4vw))}.disk-temp[data-v-b7fc4782]{font-size:max(6px,min(1.2vh,1.2vw));font-weight:500}.disk-usage-info[data-v-b7fc4782]{display:flex;justify-content:space-between;margin-bottom:min(.5vh,.5vw);font-size:max(6px,min(1.2vh,1.2vw))}.disk-used[data-v-b7fc4782],.disk-total[data-v-b7fc4782]{opacity:.8}.disk-usage-percent[data-v-b7fc4782]{font-weight:500}.disk-usage-bar[data-v-b7fc4782]{height:min(.8vh,.8vw);background-color:#2c3e5080;border-radius:min(.4vh,.4vw);overflow:hidden;margin-bottom:min(.8vh,.8vw)}.disk-io[data-v-b7fc4782]{display:flex;justify-content:space-between;margin-bottom:min(.8vh,.8vw)}.io-item[data-v-b7fc4782]{display:flex;align-items:center}.io-label[data-v-b7fc4782]{margin-right:8px;opacity:.8;font-size:max(6px,min(1.2vh,1.2vw))}.read-value[data-v-b7fc4782]{color:#2196f3;font-weight:700;font-size:max(7px,min(1.4vh,1.4vw))}.write-value[data-v-b7fc4782]{color:#f44336;font-weight:700;font-size:max(7px,min(1.4vh,1.4vw))}.disk-partitions[data-v-b7fc4782]{margin-top:min(.8vh,.8vw);display:flex;flex-direction:column;gap:min(.6vh,.6vw)}.partition-item[data-v-b7fc4782]{background-color:#2c3e5066;padding:min(.6vh,.6vw);border-radius:min(.6vh,.6vw)}.partition-header[data-v-b7fc4782]{display:flex;justify-content:space-between;align-items:center;margin-bottom:min(.4vh,.4vw);font-size:max(6px,min(1.2vh,1.2vw))}.partition-drive[data-v-b7fc4782]{font-weight:700}.partition-label[data-v-b7fc4782]{opacity:.8}.partition-percent[data-v-b7fc4782]{font-weight:500}.partition-usage-bar[data-v-b7fc4782]{height:min(.5vh,.5vw);background-color:#2c3e5080;border-radius:min(.25vh,.25vw);overflow:hidden;margin-bottom:min(.4vh,.4vw)}.partition-usage-progress[data-v-b7fc4782]{height:100%;transition:width .3s ease;box-shadow:0 0 5px #0003}.partition-details[data-v-b7fc4782]{display:flex;justify-content:space-between;font-size:max(5px,min(1vh,1vw));opacity:.8}.status-normal[data-v-b7fc4782]{color:#52c41a}.status-warning[data-v-b7fc4782]{color:#faad14}.status-critical[data-v-b7fc4782]{color:#ff4d4f}.status-online[data-v-b7fc4782]{background-color:#52c41a33;color:#52c41a}.status-offline[data-v-b7fc4782]{background-color:#ff4d4f33;color:#ff4d4f}@media (max-width: 1400px){.dashboard[data-v-b7fc4782]{font-size:clamp(10px,.8vw,14px)}.first-row[data-v-b7fc4782],.second-row[data-v-b7fc4782]{flex-wrap:nowrap}.system-status[data-v-b7fc4782],.network-monitor[data-v-b7fc4782],.hardware-monitor[data-v-b7fc4782],.performance-chart[data-v-b7fc4782],.disk-monitor-small[data-v-b7fc4782]{flex:1 1 auto;min-height:unset}}@media (max-width: 1200px){.dashboard[data-v-b7fc4782]{font-size:clamp(9px,.7vw,13px)}}@media (max-width: 900px){.dashboard[data-v-b7fc4782]{font-size:clamp(8px,.6vw,12px)}.system-status[data-v-b7fc4782],.network-monitor[data-v-b7fc4782],.hardware-monitor[data-v-b7fc4782],.performance-chart[data-v-b7fc4782],.disk-monitor-small[data-v-b7fc4782]{flex:1 1 auto}.performance-chart[data-v-b7fc4782]{order:unset}}@media (max-width: 768px){.dashboard[data-v-b7fc4782]{font-size:clamp(7px,.5vw,11px);padding:clamp(6px,min(1.5vh,1.5vw),14px)}.first-row[data-v-b7fc4782],.second-row[data-v-b7fc4782]{flex-direction:row;height:auto}.dashboard-card[data-v-b7fc4782]{min-height:unset;min-width:unset;padding:clamp(8px,min(1.2vh,1.2vw),14px)}.system-status[data-v-b7fc4782],.network-monitor[data-v-b7fc4782],.hardware-monitor[data-v-b7fc4782],.performance-chart[data-v-b7fc4782],.disk-monitor-small[data-v-b7fc4782]{width:auto;flex:1 1 auto;margin-bottom:0;min-width:unset}.network-speeds[data-v-b7fc4782]{flex-direction:row}.status-grid[data-v-b7fc4782]{grid-template-columns:repeat(auto-fit,minmax(clamp(90px,12vw,150px),1fr))}.chart-controls[data-v-b7fc4782]{flex-direction:row}.performance-chart[data-v-b7fc4782]{order:unset}.dashboard-grid[data-v-b7fc4782]{padding:clamp(6px,min(1.5vh,1.5vw),14px);height:calc(100vh - min(10vh,10vw) - min(3vh,3vw));gap:clamp(6px,min(1vh,1vw),12px)}.dashboard-row[data-v-b7fc4782]{gap:clamp(6px,min(1vh,1vw),12px)}}@media (max-width: 480px){.dashboard[data-v-b7fc4782]{font-size:clamp(6px,.45vw,10px);padding:clamp(4px,min(1vh,1vw),12px)}.header[data-v-b7fc4782]{padding:clamp(8px,1.5vw,12px) clamp(15px,2vw,20px);height:clamp(50px,8vh,64px);flex-wrap:nowrap;justify-content:space-between}.status-info[data-v-b7fc4782]{flex:unset;order:unset}.title[data-v-b7fc4782]{flex:unset;order:unset;text-align:center}.status-icons[data-v-b7fc4782]{flex:unset;order:unset;justify-content:flex-end}.uptime[data-v-b7fc4782]{font-size:clamp(.55rem,.6vw,.8rem)}.dashboard-card[data-v-b7fc4782]{padding:clamp(8px,min(1.2vh,1.2vw),14px);margin-bottom:0}.dashboard-grid[data-v-b7fc4782]{padding:clamp(4px,min(1vh,1vw),12px);height:calc(100vh - min(10vh,10vw) - min(2vh,2vw));gap:clamp(4px,min(.8vh,.8vw),10px)}.dashboard-row[data-v-b7fc4782]{gap:clamp(4px,min(.8vh,.8vw),10px)}.status-grid[data-v-b7fc4782]{grid-template-columns:repeat(auto-fit,minmax(clamp(70px,10vw,120px),1fr))}.chart-area[data-v-b7fc4782]{min-height:clamp(200px,25vh,300px)}.chart-time-axis[data-v-b7fc4782],.chart-labels[data-v-b7fc4782]{font-size:clamp(.5rem,.55vw,.7rem)}.chart-placeholder[data-v-b7fc4782]{padding:clamp(8px,min(1.2vh,1.2vw),16px)}}@media (max-width: 360px){.dashboard[data-v-b7fc4782]{font-size:clamp(5px,.4vw,9px);padding:clamp(3px,min(.8vh,.8vw),10px)}.status-icons[data-v-b7fc4782]{display:flex;gap:clamp(8px,1.5vw,15px)}.icon[data-v-b7fc4782]{padding:clamp(3px,.5vw,5px) clamp(6px,1vw,10px);font-size:clamp(.6rem,.65vw,.8rem)}.title[data-v-b7fc4782]{font-size:clamp(.7rem,.8vw,1rem)}.dashboard-card h3[data-v-b7fc4782]{font-size:clamp(.65rem,.7vw,.9rem);margin-bottom:clamp(10px,1.5vw,15px)}.chart-controls[data-v-b7fc4782]{display:flex}.status-grid[data-v-b7fc4782]{grid-template-columns:repeat(auto-fit,minmax(clamp(60px,9vw,100px),1fr))}.chart-select[data-v-b7fc4782]{font-size:clamp(.6rem,.65vw,.8rem)}.dashboard-grid[data-v-b7fc4782]{padding:clamp(3px,min(.8vh,.8vw),10px)}}.chart-labels[data-v-b7fc4782],.chart-label[data-v-b7fc4782],.chart-time-axis[data-v-b7fc4782],.data-point[data-v-b7fc4782]{display:none}.status-item .label[data-v-b7fc4782],.status-item .status-header .label[data-v-b7fc4782]{font-size:max(6px,min(1.2vh,1.2vw));opacity:.8}.status-item .value[data-v-b7fc4782],.status-item .status-header .value[data-v-b7fc4782]{font-size:max(7px,min(1.4vh,1.4vw));font-weight:500}.network-button[data-v-b7fc4782],.chart-select[data-v-b7fc4782]{font-size:max(6px,min(1.2vh,1.2vw))}.chart-labels[data-v-b7fc4782]{position:absolute;right:20px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;font-size:max(5px,min(1vh,1vw));color:#e6e6e699;padding:min(3vh,3vw) 0;z-index:1}.chart-time-axis[data-v-b7fc4782]{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:space-between;padding:0 min(2vh,2vw);font-size:max(5px,min(1vh,1vw));color:#e6e6e699}.chart-label[data-v-b7fc4782]{font-size:max(5px,min(1vh,1vw))}.time[data-v-b7fc4782]{font-size:max(9px,min(1.8vh,1.8vw));font-weight:700}.date[data-v-b7fc4782]{font-size:max(7px,min(1.4vh,1.4vw));opacity:.8}.title span[data-v-b7fc4782]{font-size:max(10px,min(2vh,2vw))}.uptime[data-v-b7fc4782]{font-size:max(7px,min(1.4vh,1.4vw));opacity:.8;margin-top:min(.4vh,.4vw)}.icon[data-v-b7fc4782]{font-size:max(6px,min(1.2vh,1.2vw));padding:min(.4vh,.4vw) min(.8vh,.8vw)}.disk-usage-progress[data-v-b7fc4782]{height:100%;transition:width .3s ease;box-shadow:0 0 5px #0003}.label[data-v-b7fc4782]{font-size:max(6px,min(1.2vh,1.2vw));opacity:.8}.value[data-v-b7fc4782]{font-size:max(7px,min(1.4vh,1.4vw));font-weight:500}@media (min-width: 1440px) and (max-width: 3200px) and (max-height: 1440px) and (orientation: portrait){.dashboard[data-v-b7fc4782]{padding:clamp(10px,min(1.5vh,1.5vw),20px);font-size:max(9px,min(1vh,1vw))}.header[data-v-b7fc4782]{height:min(7vh,7vw);padding:min(.8vh,.8vw) min(1.5vh,1.5vw);margin-bottom:min(.8vh,.8vw);border-radius:min(.8vh,.8vw)}.dashboard-grid[data-v-b7fc4782]{padding:clamp(10px,min(1.5vh,1.5vw),20px);height:calc(100vh - min(8vh,8vw) - min(3vh,3vw));gap:clamp(8px,min(.8vh,.8vw),14px)}.dashboard-row[data-v-b7fc4782]{gap:clamp(8px,min(.8vh,.8vw),14px)}.dashboard-card[data-v-b7fc4782]{border-radius:min(1vh,1vw);padding:clamp(10px,min(1.2vh,1.2vw),16px)}.chart-placeholder[data-v-b7fc4782]{padding:clamp(10px,min(1.5vh,1.5vw),20px)}.chart-line[data-v-b7fc4782]{height:min(.18vh,.18vw)}.data-point[data-v-b7fc4782]{width:min(.45vh,.45vw);height:min(.45vh,.45vw);top:-min(.18vh,.18vw)}.time[data-v-b7fc4782]{font-size:max(9px,min(1.8vh,1.8vw))}.date[data-v-b7fc4782]{font-size:max(7px,min(1.4vh,1.4vw))}.title>span[data-v-b7fc4782]{font-size:max(10px,min(2vh,2vw))}.title .uptime[data-v-b7fc4782]{font-size:max(7px,min(1.4vh,1.4vw));margin-top:min(.4vh,.4vw)}.icon[data-v-b7fc4782]{font-size:max(6px,min(1.2vh,1.2vw));padding:min(.4vh,.4vw) min(.8vh,.8vw)}.disk-container[data-v-b7fc4782]{padding-right:min(.6vh,.6vw);max-height:calc(100% - min(3.5vh,3.5vw))}.disk-container[data-v-b7fc4782]::-webkit-scrollbar{width:min(.6vh,.6vw)}@media (min-width: 2560px){.dashboard[data-v-b7fc4782]{padding:clamp(12px,min(1.8vh,1.8vw),24px)}.dashboard-grid[data-v-b7fc4782]{padding:clamp(12px,min(1.8vh,1.8vw),24px);gap:clamp(10px,min(1vh,1vw),16px)}.dashboard-row[data-v-b7fc4782]{gap:clamp(10px,min(1vh,1vw),16px)}.dashboard-card[data-v-b7fc4782]{padding:clamp(12px,min(1.5vh,1.5vw),20px)}.status-grid[data-v-b7fc4782],.network-compact[data-v-b7fc4782],.hardware-content[data-v-b7fc4782]{gap:min(.6vh,.6vw)}.chart-area[data-v-b7fc4782]{min-height:min(25vh,25vw)}.chart-placeholder[data-v-b7fc4782]{padding:clamp(15px,min(2vh,2vw),25px)}}}@media (min-width: 2000px) and (orientation: portrait){.dashboard[data-v-b7fc4782]{font-size:max(5px,min(.4vh,.4vw));padding:clamp(12px,min(2vh,2vw),24px)}.header[data-v-b7fc4782]{height:min(5vh,5vw);margin-bottom:min(.6vh,.6vw);border-radius:min(.6vh,.6vw)}.dashboard-grid[data-v-b7fc4782]{padding:clamp(12px,min(2vh,2vw),24px);height:calc(100vh - min(6vh,6vw) - min(4vh,4vw))}.time[data-v-b7fc4782]{font-size:max(8px,min(1.6vh,1.6vw))}.date[data-v-b7fc4782]{font-size:max(6px,min(1.2vh,1.2vw))}.title>span[data-v-b7fc4782]{font-size:max(9px,min(1.8vh,1.8vw))}.title .uptime[data-v-b7fc4782]{font-size:max(6px,min(1.2vh,1.2vw))}}.card-header h3[data-v-b7fc4782]{margin:0;padding:0;border-bottom:none;font-size:max(8px,min(1.6vh,1.6vw));font-weight:500}.system-performance[data-v-b7fc4782]{width:100%;height:100%;padding:min(1vh,1vw)}.performance-chart .chart-area[data-v-b7fc4782]{position:relative;min-height:min(20vh,20vw)}@media (min-width: 1440px) and (max-width: 3200px) and (max-height: 1440px) and (orientation: portrait){.status-header[data-v-b7fc4782]{margin-bottom:min(.5vh,.5vw)}.progress-bar[data-v-b7fc4782]{height:min(.4vh,.4vw)}.chart-placeholder[data-v-b7fc4782]{padding:clamp(10px,min(1.5vh,1.5vw),20px)}.chart-line[data-v-b7fc4782]:before{right:min(1.5vh,1.5vw);width:min(.5vh,.5vw);height:min(.5vh,.5vw)}.chart-labels[data-v-b7fc4782]{right:min(1.5vh,1.5vw);padding:min(2vh,2vw) 0}.chart-time-axis[data-v-b7fc4782]{bottom:min(.8vh,.8vw);padding:0 min(1.5vh,1.5vw)}.data-point[data-v-b7fc4782]{width:min(.5vh,.5vw);height:min(.5vh,.5vw);top:-min(.2vh,.2vw)}.card-header h3[data-v-b7fc4782]{font-size:max(7px,min(1.4vh,1.4vw));margin-bottom:min(.5vh,.5vw)}.status-grid[data-v-b7fc4782]{grid-template-columns:repeat(2,1fr);gap:min(.8vh,.8vw)}.network-compact[data-v-b7fc4782]{gap:min(.8vh,.8vw)}.hardware-content[data-v-b7fc4782]{gap:min(.6vh,.6vw)}.hardware-item[data-v-b7fc4782]{padding:min(.7vh,.7vw)}.chart-area[data-v-b7fc4782]{min-height:min(22vh,22vw)}.disk-container[data-v-b7fc4782]{max-height:unset;overflow-y:auto;padding-right:min(.6vh,.6vw)}.disk-item[data-v-b7fc4782]{min-height:min(7vh,7vw);padding:min(.7vh,.7vw);margin-bottom:min(.6vh,.6vw)}.info-item[data-v-b7fc4782]{margin-bottom:min(.4vh,.4vw)}}@media (min-width: 2000px) and (orientation: portrait){.data-point[data-v-b7fc4782]{width:min(.4vh,.4vw);height:min(.4vh,.4vw);top:-min(.2vh,.2vw)}.chart-placeholder[data-v-b7fc4782]{padding:clamp(10px,min(1.5vh,1.5vw),20px)}.disk-container[data-v-b7fc4782]{padding-right:min(.6vh,.6vw)}.disk-container[data-v-b7fc4782]::-webkit-scrollbar{width:min(.6vh,.6vw)}.disk-item[data-v-b7fc4782]{min-height:min(7vh,7vw)}.disk-usage-bar[data-v-b7fc4782]{height:min(.6vh,.6vw)}.status-grid[data-v-b7fc4782]{grid-template-columns:repeat(2,1fr)}}.loading-overlay[data-v-b7fc4782]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0f1924b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loading-spinner[data-v-b7fc4782]{width:min(60px,10vw);height:min(60px,10vw);border:4px solid rgba(77,182,172,.3);border-radius:50%;border-top:4px solid #4db6ac;animation:spin-b7fc4782 1s linear infinite;margin-bottom:min(2vh,2vw)}.loading-text[data-v-b7fc4782]{color:#4db6ac;font-size:max(14px,min(1.8vh,1.8vw));font-weight:500}@keyframes spin-b7fc4782{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-grid.loading[data-v-b7fc4782]{opacity:.7;pointer-events:none}.disk-empty[data-v-b7fc4782],.chart-empty[data-v-b7fc4782]{display:flex;justify-content:center;align-items:center;height:100%;color:#e6e6e699;font-size:max(12px,min(1.6vh,1.6vw))}.extra-info[data-v-b7fc4782]{display:flex;justify-content:space-between;margin-top:min(.6vh,.6vw);font-size:max(5px,min(1vh,1vw));opacity:.8}.info-label[data-v-b7fc4782]{color:#fff9}.info-value[data-v-b7fc4782]{font-weight:500}.system-info-card[data-v-b7fc4782]{flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden}.system-info-card>div[data-v-b7fc4782]{height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(77,182,172,.5) rgba(44,62,80,.3)}.system-info-card>div[data-v-b7fc4782]::-webkit-scrollbar{width:min(.6vh,.6vw)}.system-info-card>div[data-v-b7fc4782]::-webkit-scrollbar-track{background:#2c3e504d;border-radius:min(.3vh,.3vw)}.system-info-card>div[data-v-b7fc4782]::-webkit-scrollbar-thumb{background-color:#4db6ac80;border-radius:min(.3vh,.3vw)}.cpu-cores-card[data-v-b7fc4782]{flex:3;display:flex;flex-direction:column;padding:0;overflow:hidden}.tick{box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;position:relative;z-index:1;line-height:1.4}.tick *{box-sizing:inherit}.tick [data-view]{max-width:100%}.tick span[data-view]{display:inline-block}.tick .tick-credits{position:absolute;right:0;bottom:0;opacity:.4;text-decoration:none;font-size:11px;color:inherit}.tick [data-layout~=pad]{margin:-.25em}.tick [data-layout~=pad]>*{margin:.25em}.tick [data-layout~=horizontal]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}.tick [data-layout~=horizontal][data-layout~=baseline]{-ms-flex-align:baseline;align-items:baseline}.tick [data-layout~=horizontal][data-layout~=center]{-ms-flex-pack:center;justify-content:center}.tick [data-layout~=horizontal][data-layout~=right]{-ms-flex-pack:end;justify-content:flex-end}.tick [data-layout~=horizontal][data-layout~=left]{-ms-flex-pack:start;justify-content:flex-start}.tick [data-layout~=horizontal][data-layout~=fill],.tick [data-layout~=horizontal][data-layout~=stretch]{-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.tick [data-layout~=horizontal][data-layout~=fill]>*,.tick [data-layout~=horizontal][data-layout~=stretch]>*{-ms-flex:1 0 0px;flex:1 0 0;width:100%}.tick [data-layout~=horizontal][data-layout~=multi-line]{-ms-flex-wrap:wrap;flex-wrap:wrap}.tick [data-layout~=horizontal][data-layout~=fit]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-line-pack:center;align-content:center;white-space:nowrap;-ms-flex-pack:start;justify-content:flex-start}.tick [data-layout~=vertical]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.tick [data-layout~=vertical][data-layout~=top]{-ms-flex-pack:start;justify-content:flex-start}.tick [data-layout~=vertical][data-layout~=bottom]{-ms-flex-pack:end;justify-content:flex-end;min-height:100%}.tick [data-layout~=vertical][data-layout~=middle]{-ms-flex-pack:center;justify-content:center;min-height:100%}.tick [data-layout~=vertical][data-layout~=left]{-ms-flex-align:start;align-items:flex-start}.tick [data-layout~=vertical][data-layout~=right]{-ms-flex-align:end;align-items:flex-end}.tick [data-layout~=vertical][data-layout~=center]{text-align:center}.tick [data-layout~=vertical][data-layout~=fill],.tick [data-layout~=vertical][data-layout~=stretch]{-ms-flex-align:stretch;align-items:stretch;min-height:100%}.tick [data-layout~=vertical][data-layout~=fill]>*,.tick [data-layout~=vertical][data-layout~=stretch]>*{-ms-flex:1 0 0px;flex:1 0 0}.tick [data-layout~=vertical]>*+*{margin-top:.5em}.tick [data-layout~=overlay]{position:relative}.tick [data-layout~=overlay]>*{margin:0}.tick [data-layout~=overlay][data-layout~=center]{text-align:center}.tick [data-layout~=overlay][data-layout~=left]{text-align:left}.tick [data-layout~=overlay][data-layout~=right]{text-align:right}.tick [data-layout~=overlay]>[data-overlay=fill],.tick [data-layout~=overlay]>[data-overlay=stretch]{position:absolute;left:0;right:0;top:0;bottom:0}.tick [data-layout~=overlay]>[data-overlay=center]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:0;right:0;top:0;bottom:0}.tick-flip{position:relative;text-align:center}.tick-flip *{border-radius:inherit;white-space:pre;letter-spacing:inherit;text-indent:inherit}.tick-flip-front{border-bottom-left-radius:0;border-bottom-right-radius:0}.tick-flip-back{border-top-left-radius:0;border-top-right-radius:0}.tick-flip-spacer{display:block;visibility:hidden}.tick-flip-shadow{position:absolute;left:1px;right:1px;top:1px;bottom:1px;color:transparent!important;background:transparent!important}.tick-flip-shadow-top{bottom:calc(50% - 1px)}.tick-flip-shadow-bottom{top:calc(50% + 1px)}.tick-flip-card-shadow{position:absolute;left:.15em;right:.15em;bottom:.125em;height:.5em;background-color:transparent;border-radius:0;opacity:0;transform-origin:0 100%;box-shadow:0 .125em .25em #00000080,0 .125em .5em #000000bf;z-index:0}.tick-flip-card{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;perspective:4em}.tick-flip-panel-back,.tick-flip-panel-front{position:absolute;left:0;width:100%;height:51%;backface-visibility:hidden;transform-style:preserve-3d}.tick-flip-panel-back-text,.tick-flip-panel-front-text{position:absolute;left:-1px;top:0;right:-1px;height:100%;overflow:hidden}.tick-flip-panel-text-wrapper{position:absolute;left:0;top:0;right:0;height:100%}.tick-flip-panel-back-text .tick-flip-panel-text-wrapper{height:200%;top:-100%}.tick-flip-panel-front{transform-origin:center bottom;top:0;z-index:2;box-shadow:inset 0 1px #ffffff0d}.tick-flip-panel-back{transform-origin:center top;top:50%;z-index:1;box-shadow:inset 0 -1px #0000001a}.tick-flip-panel-back:after{z-index:1;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,.3) 1px,rgba(0,0,0,.15) 0,transparent 30%)}.tick-flip-panel-back-shadow{z-index:2}.tick-flip-panel-back-highlight{z-index:3}.tick-flip-panel-back-highlight,.tick-flip-panel-back-shadow{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.tick-flip-panel-back-highlight,.tick-flip-panel-back-shadow,.tick-flip-panel-front-shadow{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0}.tick-flip-panel-front-shadow{background-image:linear-gradient(0deg,#000c,#0000004d)}.tick-flip-panel-back-shadow{background-image:linear-gradient(180deg,#000000b3,#00000080)}.tick-flip-panel-back-highlight{background-image:linear-gradient(180deg,#ffffff26,#ffffff4d)}.tick [data-style*="shadow:inner"],.tick [data-style*="shadow:inner"] .tick-flip-card-shadow,.tick [data-style*="shadow:none"] .tick-flip-card-shadow,.tick [data-style*="shadow:none"] .tick-flip-panel-back,.tick [data-style*="shadow:none"] .tick-flip-panel-front,.tick [data-style*="shadow:none"] .tick-flip-shadow{box-shadow:none}.tick [data-style*="shadow:none"] .tick-flip-back:after,.tick [data-style*="shadow:none"] .tick-flip-panel-back-shadow,.tick [data-style*="shadow:none"] .tick-flip-panel-back-text:after,.tick [data-style*="shadow:none"] .tick-flip-panel-front-shadow{background-image:none}.tick [data-style*="rounded:none"]{border-radius:0}.tick [data-style*="rounded:panels"] .tick-flip-front,.tick [data-style*="rounded:panels"] .tick-flip-shadow-bottom{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.tick [data-style*="rounded:panels"] .tick-flip-back,.tick [data-style*="rounded:panels"] .tick-flip-panel-back:after,.tick [data-style*="rounded:panels"] .tick-flip-shadow-top{border-top-left-radius:inherit;border-top-right-radius:inherit}.tick-flip{margin-left:.0625em;margin-right:.0625em;min-width:1.125em;border-radius:.125em;letter-spacing:.25em;text-indent:.25em}.tick-flip-panel{color:#edebeb;background-color:#333232}.tick-flip-shadow{box-shadow:0 .125em .3125em #00000040,0 .02125em .06125em #00000040}:root{--clock-scale: 1;--card-color: #2d3748;--card-color-dark: #1f2937;--text-color: #e2e8f0;--separator-color: #4dabf7;--clock-width: 800px;--flip-font-size: 8rem;--flip-font-size-mobile: 5.5rem;--flip-font-size-small-mobile: 4.5rem;--separator-font-size: 8rem;--separator-font-size-mobile: 5.5rem;--separator-font-size-small-mobile: 4.5rem;--period-font-size: 2.5rem;--period-font-size-mobile: 2rem}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.professional-flip-clock-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;padding:20px;box-sizing:border-box;overflow:hidden;touch-action:none;pointer-events:none}.professional-flip-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;transform:scale(var(--clock-scale));transform-origin:center center;transition:transform .3s ease;width:100%;max-width:var(--clock-width);margin:0 auto;pointer-events:auto}.period{font-size:var(--period-font-size);color:#e2e8f0;margin-bottom:1.5rem;font-weight:700}.clock-display{width:100%}.clock-row{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;width:100%}.flip-clock-digit{margin:0 .1rem}.clock-separator{font-size:var(--separator-font-size);color:#4dabf7;margin:0 .5rem;font-weight:300;display:flex;align-items:center;justify-content:center;text-shadow:0 0 15px rgba(77,171,247,.8)}.flip-clock-digit{font-family:Arial,sans-serif;display:flex;justify-content:center}.professional-flip-clock .tick-flip{font-size:var(--flip-font-size)!important;margin:0 .1rem}.professional-flip-clock .tick-label{display:none!important}.professional-flip-clock .tick-flip-panel{color:#fff!important;background-color:#2d3748!important;border-radius:12px!important;box-shadow:0 10px 15px #0000004d!important}.professional-flip-clock .tick-flip-panel-back-bottom,.professional-flip-clock .tick-flip-panel-front-bottom{background-color:#1f2937!important;border-radius:0 0 12px 12px!important}.professional-flip-clock .tick-flip-panel-front-top,.professional-flip-clock .tick-flip-panel-back-top{border-radius:12px 12px 0 0!important}.professional-flip-clock .tick-flip-shadow{box-shadow:0 5px 10px #00000080!important}.hour-group .tick-flip-panel,.minute-group .tick-flip-panel,.second-group .tick-flip-panel{border:1px solid rgba(77,171,247,.2)!important}.professional-flip-clock .tick-credits{display:none!important}@media (max-width: 768px){:root{--clock-width: 100%}.professional-flip-clock-wrapper{padding:10px 5px}.professional-flip-clock .tick-flip{font-size:var(--flip-font-size-mobile)!important}.clock-separator{font-size:var(--separator-font-size-mobile);margin:0 .2rem}.period{font-size:var(--period-font-size-mobile);margin-bottom:1rem}.professional-flip-clock .tick-flip-panel{border-radius:8px!important}.professional-flip-clock .tick-flip-panel-back-bottom,.professional-flip-clock .tick-flip-panel-front-bottom{border-radius:0 0 8px 8px!important}.professional-flip-clock .tick-flip-panel-front-top,.professional-flip-clock .tick-flip-panel-back-top{border-radius:8px 8px 0 0!important}}@media (min-width: 1800px){:root{--clock-width: 1200px}.professional-flip-clock .tick-flip{font-size:10rem!important;margin:0 .2rem}.clock-separator{font-size:10rem;margin:0 1rem}.period{font-size:3rem;margin-bottom:2rem}.professional-flip-clock .tick-flip-panel{border-radius:16px!important}.professional-flip-clock .tick-flip-panel-back-bottom,.professional-flip-clock .tick-flip-panel-front-bottom{border-radius:0 0 16px 16px!important}.professional-flip-clock .tick-flip-panel-front-top,.professional-flip-clock .tick-flip-panel-back-top{border-radius:16px 16px 0 0!important}}[data-orientation=portrait] .professional-flip-clock{width:100%;padding:0}[data-orientation=portrait] .clock-separator{margin:0 .2rem}[data-orientation=portrait] .clock-row{width:100%;justify-content:center;padding:0}@media (max-width: 480px){.professional-flip-clock-wrapper{padding:5px 2px}.professional-flip-clock,.clock-display{width:100%}.clock-row{width:100%;justify-content:space-around;padding:0}.professional-flip-clock .tick-flip{font-size:var(--flip-font-size-small-mobile)!important;margin:0 .05rem}.clock-separator{font-size:var(--separator-font-size-small-mobile);margin:0 .1rem}.period{font-size:1.8rem;margin-bottom:.5rem}.professional-flip-clock{padding:0}[data-orientation=portrait] .clock-row{justify-content:space-around;width:100%}.flip-clock-digit{margin:0 .05rem}}@media (max-width: 360px){.professional-flip-clock-wrapper{padding:2px 0}.professional-flip-clock .tick-flip{font-size:4rem!important}.clock-separator{font-size:4rem;margin:0 .1rem}.period{font-size:1.5rem;margin-bottom:.5rem}}:root{--base-font-size: 16px;--clock-scale: 1;--primary-color: #4dabf7;--secondary-color: #2b6cb0;--dark-color: #1a202c;--light-color: #f7fafc;--card-bg: #2d3748;--card-color: #e2e8f0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#000;color:#fff;height:100vh;width:100vw;overflow:hidden;display:flex;justify-content:center;align-items:center}#app{width:100%;height:100%;display:flex;flex-direction:column}.container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;overflow:hidden}.flip-clock{display:flex;flex-direction:column;align-items:center;transform-origin:center center}.period{font-size:2rem;margin-bottom:10px}.clock-section{display:flex;align-items:center}.flip-card-container{margin:0 5px}.flip-card{position:relative;width:120px;height:160px;perspective:1000px;border-radius:5px;overflow:hidden}.card-top,.card-bottom,.flip-top,.flip-bottom{position:absolute;width:100%;height:50%;overflow:hidden;background-color:var(--card-bg);color:var(--card-color);text-align:center}.card-top,.flip-top{top:0;border-radius:5px 5px 0 0;line-height:80px}.card-bottom,.flip-bottom{bottom:0;border-radius:0 0 5px 5px;line-height:0px}.top-number,.bottom-number{position:absolute;width:100%;font-size:100px;font-weight:700}.top-number{top:0;height:100%;line-height:160px}.bottom-number{bottom:0;height:100%;line-height:0px}.card-divider{position:absolute;top:50%;width:100%;height:1px;background-color:#00000080}.texture{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000001a,#0000 30%,#0000 70%,#0003)}.separator{font-size:80px;margin:0 10px;color:var(--card-color)}.flip-top{transform-origin:bottom center;backface-visibility:hidden;z-index:2}.flip-bottom{transform-origin:top center;transform:rotateX(180deg);backface-visibility:hidden;z-index:1}.dashboard{width:100%;height:100vh;display:flex;flex-direction:column;background-color:#111;color:#e2e8f0;overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#0009;border-bottom:1px solid rgba(255,255,255,.1)}.status-info,.status-icons{display:flex;align-items:center;gap:15px}.title{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.time,.date{font-size:.9rem}.icon{background-color:#ffffff1a;padding:5px 10px;border-radius:3px;font-size:.8rem}.main-content{display:flex;flex:1;padding:20px;gap:20px;overflow:hidden}.data-panel,.alert-panel{width:25%;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.chart-area{flex:1;display:flex;flex-direction:column}.panel-item,.chart-container{background-color:#0000004d;border-radius:8px;padding:15px;box-shadow:0 4px 6px #0000001a}h3{margin-bottom:15px;color:var(--primary-color);font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.status-card{display:flex;flex-direction:column;gap:10px}.status-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.label{color:#a0aec0}.value{font-weight:700;color:#f7fafc}.chart-placeholder{height:100%;display:flex;flex-direction:column;justify-content:space-around;padding:20px 0}.chart-line{height:2px;background:linear-gradient(to right,#4dabf733,#4dabf7,#4dabf733);position:relative}.chart-line:before{content:"";position:absolute;width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;top:-3px;left:70%;box-shadow:0 0 10px var(--primary-color)}.alert-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:400px}.alert-item{padding:10px;border-radius:4px;border-left:4px solid;background-color:#0003}.alert-time{font-size:.8rem;color:#a0aec0;margin-bottom:5px}.alert-content{font-size:.9rem}.critical{border-color:#f56565}.warning{border-color:#ed8936}.info{border-color:#4299e1}@media (max-width: 1024px){.main-content{flex-direction:column}.data-panel,.alert-panel,.chart-area{width:100%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}html,body{width:100%;height:100%;background-color:#000;color:var(--text-color);display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:var(--base-font-size, 16px);font-size:calc(.5vw + .5vh + 8px)}.flip-clock{display:flex;flex-direction:column;gap:10px;max-width:100%;transform:scale(var(--clock-scale, 1));transform-origin:center center}.period{font-size:calc(1em + .5vw);color:#aaa;font-weight:700;text-align:left;padding-left:10px;margin-bottom:20px}.clock-section{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,10px);flex-wrap:nowrap}.separator{font-size:clamp(3em,8vw,7em);font-weight:700;color:var(--separator-color);margin:0 clamp(5px,1vw,15px);line-height:.7}.flip-card-container{width:clamp(70px,10vw,150px);height:clamp(100px,13vw,200px);margin:0 clamp(2px,.5vw,8px);position:relative;perspective:1000px;--card-font-size: clamp(2em, calc(100% + 14vw) , 12em)}.flip-card-container:nth-child(7),.flip-card-container:nth-child(8){width:clamp(60px,9vw,130px);height:clamp(85px,12vw,170px);--card-font-size: clamp(1.8em, calc(90% + 12vw) , 10em)}.flip-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;border-radius:clamp(4px,.5vw,8px);background-color:var(--card-color);box-shadow:0 5px 15px #00000080;overflow:hidden}.card-top{position:absolute;top:0;left:0;width:100%;height:50%;background-color:var(--card-color);border-radius:clamp(4px,.5vw,8px) clamp(4px,.5vw,8px) 0 0;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.card-bottom{position:absolute;bottom:0;left:0;width:100%;height:50%;background-color:var(--card-color-dark);border-radius:0 0 clamp(4px,.5vw,8px) clamp(4px,.5vw,8px);overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.card-number{font-size:var(--card-font-size);font-weight:700;color:var(--text-color);line-height:1}.card-divider{position:absolute;width:100%;height:clamp(1px,.2vw,2px);background-color:var(--divider-color);top:50%;transform:translateY(-50%);z-index:2}.flip-card .texture{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#ffffff05,#ffffff03);pointer-events:none;z-index:4}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transform-style:preserve-3d;border-radius:clamp(4px,.5vw,8px);overflow:hidden}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;font-size:var(--card-font-size);font-weight:700;color:var(--text-color)}.flip-card-back{transform:rotateX(180deg)}.flip-top{position:absolute;top:0;left:0;width:100%;height:50%;background-color:var(--card-color);border-radius:clamp(4px,.5vw,8px) clamp(4px,.5vw,8px) 0 0;overflow:hidden;transform-origin:bottom;display:flex;justify-content:center;align-items:flex-end;backface-visibility:hidden}.flip-bottom{position:absolute;bottom:0;left:0;width:100%;height:50%;background-color:var(--card-color-dark);border-radius:0 0 clamp(4px,.5vw,8px) clamp(4px,.5vw,8px);overflow:hidden;transform-origin:top;display:flex;justify-content:center;align-items:flex-start;backface-visibility:hidden}.top-number,.bottom-number{font-size:var(--card-font-size);font-weight:700;color:var(--text-color);line-height:1}.top-number{transform:translateY(50%)}.bottom-number{transform:translateY(-50%)}@media (orientation: landscape) and (max-height: 500px){:root{--clock-scale: .7}html,body{font-size:calc(.4vw + .4vh + 6px)}}@media (max-width: 400px){:root{--clock-scale: .8}.clock-section{gap:2px}.separator{margin:0 2px}html,body{font-size:calc(.4vw + .4vh + 5px)}}@media (min-width: 1800px){:root{--clock-scale: 1.2}html,body{font-size:calc(.6vw + .6vh + 10px)}}.header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background-color:#1a2535;border-radius:15px;margin-bottom:20px;box-shadow:0 4px 12px #0003}.status-info{display:flex;flex-direction:column}.time{font-size:28px;font-weight:700}.date{font-size:18px;opacity:.8}.title{font-size:32px;font-weight:700;color:#4dabf7}.status-icons{display:flex;gap:20px}.icon{font-size:20px;color:#7fd1ae}.main-content{flex:1;display:flex;gap:20px}.data-panel{width:22%;display:flex;flex-direction:column;gap:20px}.panel-item{background-color:#1a2535;border-radius:15px;padding:20px;box-shadow:0 4px 12px #0003}.panel-item h3{font-size:24px;margin-bottom:15px;color:#4dabf7}.status-card{display:flex;flex-direction:column;gap:15px}.status-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #2c3e50}.status-row:last-child{border-bottom:none}.label{font-size:20px;color:#a2afc1}.value{font-size:22px;font-weight:700;color:#fff}.chart-area{width:50%;display:flex;flex-direction:column}.chart-container{flex:1;background-color:#1a2535;border-radius:15px;padding:20px;box-shadow:0 4px 12px #0003}.chart-container h3{font-size:24px;margin-bottom:15px;color:#4dabf7}.chart-placeholder{height:85%;background-color:#121e2d;border-radius:10px;padding:20px;display:flex;flex-direction:column;justify-content:space-around}.chart-line{height:3px;background:linear-gradient(90deg,#4dabf7,#2ecc71,#f1c40f);border-radius:3px;position:relative}.chart-line:nth-child(2){background:linear-gradient(90deg,#3498db,#e74c3c);opacity:.7}.chart-line:nth-child(3){background:linear-gradient(90deg,#9b59b6,#f39c12);opacity:.5}.alert-panel{width:28%;background-color:#1a2535;border-radius:15px;padding:20px;box-shadow:0 4px 12px #0003;overflow:hidden}.alert-panel h3{font-size:24px;margin-bottom:15px;color:#4dabf7}.alert-list{height:calc(100% - 45px);overflow-y:auto;padding-right:10px}.alert-item{padding:15px;margin-bottom:15px;border-radius:10px;background-color:#121e2d;border-left:5px solid #3498db;display:flex;gap:15px}.alert-item.critical{border-left-color:#e74c3c}.alert-item.warning{border-left-color:#f1c40f}.alert-item.info{border-left-color:#3498db}.alert-time{font-size:18px;color:#a2afc1;min-width:60px}.alert-content{font-size:18px;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#121e2d;border-radius:4px}::-webkit-scrollbar-thumb{background:#2c3e50;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4dabf7}@media screen and (min-width: 3000px){.header{height:100px}.time{font-size:32px}.date{font-size:22px}.title{font-size:40px}.panel-item h3,.chart-container h3,.alert-panel h3{font-size:30px}.label{font-size:24px}.value{font-size:26px}.alert-time,.alert-content{font-size:22px}}.echarts-container{background-color:#2c3e504d;border-radius:min(1vh,1vw);box-shadow:inset 0 0 20px #0003;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);min-height:250px;width:100%;height:100%;padding:0;margin:0}.chart-controls{display:flex;align-items:center}.chart-select{background-color:#2c3e5080;color:#e6e6e6;border:none;padding:min(.6vh,.6vw) min(1.2vh,1.2vw);border-radius:min(.8vh,.8vw);font-size:max(6px,min(1.2vh,1.2vw));cursor:pointer;margin-left:auto;transition:background-color .3s ease}.chart-select:hover{background-color:#2c3e50cc}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:min(1vh,1vw);padding:0}.second-row{display:flex;justify-content:space-between;align-items:stretch;flex:1;min-height:min(35vh,35vw)}.second-row .performance-chart{flex:7;width:70%;margin:0 auto;padding:0}.second-row .hardware-monitor{flex:3}