@keyframes marquee-scroll{0%{transform:translate(0,0)}to{transform:translate(-100%)}}@media (width<=800px){.web-container{grid-template-columns:1fr}.web-main{border-bottom:2px solid #ece9d8;border-right:none}.web-banner{flex-direction:column;align-items:flex-start;gap:12px}.web-stats{text-align:left;width:100%}}:root{--font-gui:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Share Tech Mono", "Fira Code", monospace;--font-pixel:"VT323", monospace;--xp-blue:#0054e3;--xp-blue-dark:#002e9c;--xp-blue-light:#245edb;--xp-blue-sky:#7da2e1;--xp-blue-soft:#d3e5fa;--xp-window-bg:#ece9d8;--xp-window-border:#0054e3;--xp-window-border-highlight:#fff;--xp-window-border-shadow:gray;--xp-taskbar-bg:linear-gradient(to bottom, #245edb 0%, #3f8cf3 9%, #245edb 18%, #1b52ca 65%, #1646b6 100%);--xp-taskbar-border:#1a4da6;--xp-start-bg:linear-gradient(to bottom, #388238 0%, #62b162 10%, #388238 18%, #1a5c1a 70%, #174f17 100%);--xp-start-border:#123e12;--xp-titlebar-bg:linear-gradient(to bottom, #0058e6 0%, #2188ff 8%, #0058e6 20%, #0049be 80%, #003090 100%);--xp-titlebar-bg-inactive:linear-gradient(to bottom, #7696c6 0%, #8ca9d4 100%);--xp-btn-close:linear-gradient(to bottom, #ff6c4f 0%, #ff5231 15%, #d12c11 65%, #a61a05 100%);--xp-btn-close-hover:linear-gradient(to bottom, #ff8c75 0%, #ff6c4f 15%, #e63e20 65%, #c0220a 100%);--xp-btn-control:linear-gradient(to bottom, #7da2e1 0%, #abc5f5 15%, #4b7bc6 65%, #345c9c 100%);--xp-btn-control-hover:linear-gradient(to bottom, #9ebcf2 0%, #c5d8fb 15%, #6693dc 65%, #466fae 100%);--terminal-bg:#030712;--terminal-text:#22c55e;--terminal-text-warn:#eab308;--terminal-text-error:#ef4444;--terminal-glow:#22c55e33}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-gui);color:#000;background-color:#d4d0c8;min-height:100vh;margin:0;padding:0;font-size:13px;line-height:1.4}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#f1efe2;border-left:1px solid #d4d0c8}::-webkit-scrollbar-thumb{background:#ece9d8;border:1px solid #fff;box-shadow:inset -1px -1px gray,inset 1px 1px #fff}::-webkit-scrollbar-thumb:hover{background:#e2dfd0}a{color:#0054e3;cursor:pointer;text-decoration:underline}a:hover{color:#002e9c}.web-wrapper{background-color:var(--xp-window-bg);border-left:2px solid var(--xp-blue);border-right:2px solid var(--xp-blue);border-bottom:2px solid var(--xp-blue);max-width:980px;box-shadow:none;border-radius:0;flex-direction:column;min-height:100vh;margin:0 auto;display:flex;overflow:hidden}.web-banner{color:#fff;border-bottom:2px solid var(--xp-blue-dark);text-shadow:1px 1px 2px #0009;background:linear-gradient(135deg,#0054e3 0%,#2188ff 50%,#0049be 100%);justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.web-logo{align-items:center;gap:12px;display:flex}.web-logo-icon{filter:drop-shadow(2px 2px 2px #0006)}.web-logo-text h1{letter-spacing:1.5px;text-transform:uppercase;color:#fff;font-size:26px;font-weight:800}.web-logo-text p{letter-spacing:2px;color:#bbf7d0;text-transform:uppercase;font-size:10px}.web-stats{font-family:var(--font-mono);text-align:right;color:#d1fae5;background:#00000040;border:1px inset #ffffff4d;border-radius:3px;padding:6px 12px;font-size:11px}.web-nav{background:#ece9d8;border-bottom:2px solid #b2b2a2;gap:4px;padding:8px 16px 0;display:flex}.web-nav-tab{color:#554;cursor:pointer;background:linear-gradient(#f0f0e0 0%,#e2dfd0 100%);border:1px solid #b2b2a2;border-bottom:none;border-radius:4px 4px 0 0;align-items:center;gap:6px;padding:8px 18px;font-size:12px;font-weight:700;transition:all .1s;display:flex}.web-nav-tab:hover{color:#000;background:#fff}.web-nav-tab-active{color:#0054e3;z-index:10;background:#fff;border-color:#0054e3 #0054e3 #fff;border-bottom-style:solid;border-bottom-width:2px;margin-bottom:-2px}.web-nav-tab-active:hover{color:#0054e3}.web-alert-bar{color:#650;background:#ffc;border-bottom:1px solid #d4d0c8;align-items:center;gap:8px;padding:4px 16px;font-size:11px;display:flex}.web-alert-label{color:#c00000;white-space:nowrap;font-weight:700}.web-marquee{white-space:nowrap;box-sizing:border-box;width:100%;overflow:hidden}.web-marquee span{font-family:var(--font-mono);padding-left:100%;animation:25s linear infinite marquee-scroll;display:inline-block}.web-container{background-color:#fff;grid-template-columns:1fr 280px;min-height:500px;display:grid}.web-main{background-color:#fff;border-right:2px solid #ece9d8;padding:24px;overflow-y:auto}.web-sidebar{background-color:#f1efe2;flex-direction:column;gap:20px;padding:24px 16px;display:flex}.xp-panel{background:#ece9d8;border:1px solid #7f9db9;border-radius:3px 3px 0 0;flex-direction:column;margin-bottom:20px;display:flex;box-shadow:1px 1px 3px #0000001a}.xp-panel-titlebar{background:var(--xp-titlebar-bg);color:#fff;text-shadow:1px 1px 1px #0006;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.xp-panel-body{background:#ece9d8;padding:16px;font-size:12px}.xp-panel-inset{background:#fff;border:2px inset #fff;padding:12px;overflow-x:auto}.xp-btn-green{background:var(--xp-start-bg);border:1px solid var(--xp-start-border);text-shadow:1px 1px 1px #00000080;cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:inset 1px 1px #ffffff59;color:#fff!important}.xp-btn-green:hover{filter:brightness(1.05)}.xp-btn-green:active{box-shadow:inset -1px -1px #ffffff59,inset 1px 1px 2px #00000080}.xp-btn-blue{background:var(--xp-btn-control);text-shadow:1px 1px 1px #0006;cursor:pointer;border:1px solid #1d3c73;border-radius:3px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:inset 1px 1px #ffffff4d;color:#fff!important}.xp-btn-blue:hover{background:var(--xp-btn-control-hover)}.xp-btn-grey{color:#000;cursor:pointer;background:#ece9d8;border:1px solid #707070;padding:4px 12px;font-size:11px;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.xp-btn-grey:hover{background:#f1efe2}.xp-btn-grey:active{box-shadow:inset -1px -1px #fff,inset 1px 1px 1px gray}.archive-table{border-collapse:collapse;border:2px inset #fff;width:100%;font-size:12px}.archive-table th{text-align:left;background:#ece9d8;border:1px solid #d4d0c8;padding:8px 10px;font-weight:700;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.archive-table td{background-color:#fff;border:1px solid #e2dfd0;padding:10px}.archive-table tr:nth-child(2n) td{background-color:#fcfcf9}.status-badge{text-transform:uppercase;border-radius:2px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.status-badge-active{color:#065f46;background-color:#d1fae5;border:1px solid #a7f3d0}.status-badge-suspended{color:#92400e;background-color:#fef3c7;border:1px solid #fde68a}.status-badge-offline{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.hit-counter{font-family:var(--font-pixel);color:#f33;letter-spacing:2px;background-color:#000;border:3px double #fff;border-radius:3px;justify-content:center;align-items:center;padding:8px 12px;font-size:26px;display:inline-flex;box-shadow:inset 0 0 10px #f00c}.hit-counter-wrapper{flex-direction:column;align-items:center;gap:4px;display:flex}.hit-counter-label{text-transform:uppercase;color:#776;letter-spacing:1px;font-size:10px;font-weight:700}.logs-screen{background-color:var(--terminal-bg);color:var(--terminal-text);font-family:var(--font-mono);height:380px;text-shadow:0 0 3px var(--terminal-glow);border:3px inset #ece9d8;padding:16px;font-size:11px;overflow-y:auto;box-shadow:inset 0 0 15px #000000e6}.log-entry{margin-bottom:6px;line-height:1.3}.log-time{color:#579;margin-right:8px}.log-info{color:var(--terminal-text)}.log-warn{color:var(--terminal-text-warn);font-weight:700}.log-error{color:var(--terminal-text-error);font-weight:700}.log-hyperlink{color:#fc0;cursor:pointer;background-color:#ffcc001a;border-radius:2px;padding:1px 4px;font-weight:700;text-decoration:underline}.log-hyperlink:hover{color:#fff;text-shadow:0 0 5px #fc0;background-color:#ffcc0040}.web-footer{text-align:center;color:#665;background:#ece9d8;border-top:2px solid #b2b2a2;flex-direction:column;gap:6px;padding:16px;font-size:11px;display:flex}.web-footer p:first-child{font-weight:700}@media (width<=800px){.web-container{grid-template-columns:1fr}.web-main{border-bottom:2px solid #ece9d8;border-right:none}.web-banner{flex-direction:column;align-items:flex-start;gap:12px}.web-stats{text-align:left;width:100%}}