@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",monospace;background-color:#000;color:#fff;overflow:hidden;font-size:10px}.noise-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0px,transparent 1px,transparent 2px,rgba(255,255,255,.03) 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0px,transparent 1px,transparent 2px,rgba(255,255,255,.03) 3px),url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.6}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px);pointer-events:none;z-index:0;opacity:.05;animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(10px)}}.dashboard{width:100vw;height:100vh;background-color:#000;position:relative;display:flex;align-items:center;justify-content:center;image-rendering:pixelated;z-index:2;transform:scale(.8);transform-origin:center center}.fullscreen-btn{position:fixed;top:12px;right:12px;width:36px;height:36px;border:2px solid #888888;background-color:#000;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity .3s ease}.fullscreen-btn:hover{background-color:#888;color:#000;opacity:1}.config-btn{position:fixed;top:12px;right:60px;width:36px;height:36px;border:2px solid #888888;background-color:#000;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity .3s ease}.config-btn:hover{background-color:#888;color:#000;opacity:1}.top-hover-area{position:fixed;top:0;left:0;right:0;height:60px;z-index:999}.top-hover-area:hover~.fullscreen-btn,.top-hover-area:hover~.config-btn,.fullscreen-btn:hover,.config-btn:hover{opacity:1}.config-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.config-content{background-color:#000;border:2px solid #00ff00;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column}.config-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:2px solid #00ff00}.config-header h2{font-size:16px;color:#0f0;margin:0}.config-header-buttons{display:flex;align-items:center;gap:8px}.save-btn{padding:8px 16px;border:2px solid #00ff00;background-color:#000;color:#0f0;cursor:pointer;font-size:12px;font-family:"Press Start 2P",monospace;text-transform:uppercase;-webkit-tap-highlight-color:transparent}.save-btn:hover{background-color:#0f0;color:#000}.close-btn{width:28px;height:28px;border:2px solid #888888;background-color:#000;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.close-btn:hover{background-color:#888;color:#000}.config-section{margin-bottom:24px}.config-section h3{font-size:14px;color:#0f0;margin:0 0 16px;text-transform:uppercase}.config-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.config-form-group{display:flex;flex-direction:column;gap:4px}.config-form-group label{font-size:10px;color:#888;font-family:SF Mono,Courier New,monospace;text-transform:uppercase}.config-form-group input{padding:8px 12px;border:1px solid #333;background-color:#111;color:#fff;font-family:SF Mono,Courier New,monospace;font-size:12px;outline:none}.config-form-group input:focus{border-color:#0f0}.config-form-group input[type=number]{width:100px}.config-body{padding:20px;overflow-y:auto}.config-code{background-color:#111;padding:16px;border:1px solid #333;color:#0f0;font-family:SF Mono,Courier New,monospace;font-size:11px;line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word}.container{width:100%;max-width:1400px;padding:20px;position:relative;z-index:2}.header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:4px solid #00ff00;gap:12px}.header-left{display:flex;flex-direction:column;gap:12px}.title{font-size:24px;font-weight:400;color:#0f0;text-transform:uppercase}.status{font-size:13px;color:#888;padding:12px 20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;display:inline-flex;align-items:center;gap:8px}.status-dot{content:"";width:8px;height:8px;background-color:#30d158;border-radius:50%;animation:pulse 2s infinite}.status-text{color:#fff;font-family:SF Mono,Courier New,monospace;letter-spacing:-.5px}.status-data{font-size:12px;color:#888;font-family:SF Mono,Courier New,monospace;letter-spacing:-.5px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.time-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.time-card-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.time-card-label{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:1px}.time-card .time-container{align-items:flex-start;gap:8px}.time-card .date{font-size:12px;color:#888;font-family:"Press Start 2P",monospace}.time-card .time{font-size:24px;color:#0f0;font-family:"Press Start 2P",monospace}.date{font-size:12px;color:#888;font-family:"Press Start 2P",monospace}.time{font-size:24px;color:#fff;font-family:"Press Start 2P",monospace}.grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:12px}.card{background-color:#000;border:2px solid #333;padding:16px;position:relative}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px);pointer-events:none}.card:hover{border-color:#0f0}.card.chart-card{padding:12px}.network-details{display:flex;justify-content:space-between;margin:8px 0;padding:8px;background-color:#ffffff0d;border-radius:4px}.network-row{display:flex;flex-direction:column;align-items:center;gap:4px}.network-legend{display:flex;align-items:center;gap:4px}.legend-line{width:12px;height:2px;border-radius:1px}.inbound-line{background-color:#0f8}.outbound-line{background-color:#80f}.read-line{background-color:#fa0}.write-line{background-color:#8f0}.network-label{font-size:8px;color:#888;text-transform:uppercase}.network-value{font-size:10px;color:#fff;font-weight:700}.disk-details{display:flex;justify-content:space-between;margin:8px 0;padding:8px;background-color:#ffffff0d;border-radius:4px}.disk-row{display:flex;flex-direction:column;align-items:center;gap:4px}.disk-legend{display:flex;align-items:center;gap:4px}.disk-label{font-size:8px;color:#888;text-transform:uppercase}.disk-value{font-size:10px;color:#fff;font-weight:700}.process-connection-details{display:flex;justify-content:space-between;margin:8px 0;padding:8px;background-color:#ffffff0d;border-radius:4px}.process-connection-row{display:flex;flex-direction:column;align-items:center;gap:4px}.process-connection-label{font-size:8px;color:#888;text-transform:uppercase}.process-connection-value{font-size:10px;color:#fff;font-weight:700}.process-connection-bars{display:flex;gap:8px;flex:1}.process-connection-bar{flex:1;height:4px;border-radius:2px}.cpu-card,.ram-card{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;position:relative;padding:24px!important}.ram-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;position:relative;z-index:1}.ram-info{display:flex;align-items:center;gap:8px}.ram-model{font-size:12px;color:#fff;font-family:"Press Start 2P",monospace;font-weight:400;text-transform:uppercase}.ram-specs{font-size:12px;color:#888;font-family:"Press Start 2P",monospace;font-weight:400;text-transform:uppercase;margin-left:auto}.ram-usage{font-size:16px;color:#fff;font-weight:700}.ram-label-row{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.ram-label{font-size:24px;color:#fff;font-weight:700;text-align:left;text-transform:uppercase}.ram-card .chart-container{flex:1;min-height:200px}.ram-usage-row{display:flex;justify-content:flex-start;padding:0 8px}.cpu-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;position:relative;z-index:1}.cpu-info{display:flex;align-items:center;gap:8px}.cpu-model{font-size:12px;color:#fff;font-family:"Press Start 2P",monospace;font-weight:400;text-transform:uppercase}.cpu-specs{font-size:12px;color:#888;font-family:"Press Start 2P",monospace;font-weight:400;text-transform:uppercase}.cpu-label-row{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.cpu-label{font-size:24px;color:#fff;font-weight:700;text-transform:uppercase}.cpu-usage-large,.ram-usage-large{font-size:24px;color:#fff;font-weight:700}.cpu-card .chart-container{flex:1;min-height:200px}.card-header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;position:relative;z-index:1}.card-label-row{display:flex;align-items:center;gap:6px}.card-label{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:1px}.icon{font-size:12px;color:#888}.card-value{font-size:18px;color:#fff;font-weight:400}.card-bar{width:100%;height:8px;background-color:#111;position:relative;z-index:1}.card-bar-fill{height:100%;transition:width .3s steps(10);image-rendering:pixelated}.chart-container{width:100%;height:50px;position:relative;z-index:1}.mini-chart{width:100%;height:100%}@media (max-width: 1200px){.grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}}@media (max-width: 768px){.container{padding:12px}.header{flex-direction:column;align-items:flex-start;gap:8px}.grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:8px}.card{padding:12px}.card-value{font-size:10px}.title{font-size:12px}}
