:root{--bg-color: #c0c0c0;--accent-yellow: #ffff00;--accent-green: #00ff00;--accent-cyan: #00ffff;--accent-magenta: #ff00ff;--main-black: #000000;--border-width: 2px;--window-shadow: 4px 4px 0px var(--main-black);--color-success: #00ff00;--color-success-light: #dcfce7;--color-warning: #ffff00;--color-warning-light: #fef9c3;--color-danger: #ff0000;--color-danger-light: #fee2e2;--color-white: #ffffff;--color-gray-50: #f0f0f0;--color-gray-100: #e0e0e0;--color-gray-200: #d0d0d0;--color-gray-300: #c0c0c0;--color-gray-400: #a0a0a0;--color-gray-500: #808080;--color-gray-600: #606060;--color-gray-700: #404040;--color-gray-800: #202020;--color-gray-900: #000000;--border-color: var(--main-black);--color-primary: var(--accent-cyan)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;line-height:1.4;color:var(--main-black);background-color:#004080;-webkit-font-smoothing:antialiased}a{color:var(--main-black);text-decoration:underline}a:hover{color:var(--accent-cyan)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:Courier New,monospace;font-size:12px}.monitor-card{background:var(--main-black);color:var(--accent-green);border:var(--border-width) solid var(--main-black);padding:10px;box-shadow:var(--window-shadow);position:relative}.monitor-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 2px;pointer-events:none}.monitor-label{font-size:9px;text-transform:uppercase;opacity:.8;display:block}.monitor-value{font-family:Courier New,monospace;font-size:18px;font-weight:700;display:block}.window{background:var(--bg-color);border:var(--border-width) solid var(--main-black);box-shadow:var(--window-shadow)}.window-header{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:4px 8px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:11px}.panel{background:#fff;border:var(--border-width) solid var(--main-black);padding:12px;margin-bottom:10px;box-shadow:2px 2px 0 var(--main-black)}.panel-title{background:var(--main-black);color:#fff;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block;margin-bottom:10px;text-transform:uppercase}.btn{border:var(--border-width) solid var(--main-black);padding:8px 15px;font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:3px 3px 0 var(--main-black);background:#fff;transition:.1s;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none}.btn:hover{background:#f0f0f0;text-decoration:none}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--main-black)}.btn-primary{background:var(--accent-cyan);color:var(--main-black)}.btn-green{background:var(--accent-green);color:var(--main-black)}.btn-yellow{background:var(--accent-yellow);color:var(--main-black)}.btn-magenta{background:var(--accent-magenta);color:#fff}.btn-sm{padding:4px 10px;font-size:10px}.input{border:1px solid var(--main-black);padding:6px;font-family:Courier New,monospace;font-size:12px;width:100%;background:#fff}.input:focus{background:var(--accent-yellow);outline:none}.input-label{display:block;margin-bottom:4px;font-weight:700;font-size:11px;text-transform:uppercase}.input-group{margin-bottom:10px}.table{width:100%;border-collapse:collapse;font-size:11px}.table th{background:#d0d0d0;border:1px solid var(--main-black);padding:6px;text-align:left;font-weight:700;text-transform:uppercase;font-size:10px}.table td{border:1px solid #ddd;padding:6px;font-family:Courier New,monospace}.table tbody tr:hover{background:#f0f0f0}.card{background:#fff;border:var(--border-width) solid var(--main-black);margin-bottom:10px;box-shadow:2px 2px 0 var(--main-black)}.card-header{background:#d0d0d0;border-bottom:var(--border-width) solid var(--main-black);padding:8px 12px;font-weight:700;font-size:11px;text-transform:uppercase}.card-body{padding:12px}.badge{display:inline-block;padding:2px 6px;font-size:9px;font-weight:700;border:1px solid var(--main-black);text-transform:uppercase;font-family:Courier New,monospace}.badge-success{background:var(--accent-green);color:var(--main-black)}.badge-warning{background:var(--accent-yellow);color:var(--main-black)}.badge-danger{background:red;color:#fff}.badge-secondary{background:#a0a0a0;color:#fff}.alert{padding:10px 12px;border:var(--border-width) solid var(--main-black);margin-bottom:10px;box-shadow:2px 2px 0 var(--main-black);font-size:11px}.alert-success{background:var(--accent-green);color:var(--main-black)}.alert-warning{background:var(--accent-yellow);color:var(--main-black)}.alert-danger{background:red;color:#fff}.page-title{font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:4px}.page-description{font-size:10px;color:var(--color-gray-700);text-transform:uppercase}.empty-state{text-align:center;padding:40px 20px;background:#fff;border:var(--border-width) solid var(--main-black)}.empty-state-title{font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:8px}.empty-state-description{font-size:10px;color:var(--color-gray-600);margin-bottom:16px;text-transform:uppercase}.status-bar{background:#ccc;border-top:1px solid #808080;padding:3px 10px;font-size:10px;display:flex;justify-content:space-between;font-family:Courier New,monospace}.tag{padding:2px 5px;font-size:9px;font-weight:700;color:#fff;background:var(--main-black);font-family:Courier New,monospace}@media(max-width:768px){html,body{font-size:11px}.btn{padding:6px 12px;font-size:10px}}.app.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh;background:#004080}.header.svelte-12qhfyh{background:var(--bg-color);border-bottom:var(--border-width) solid var(--main-black);box-shadow:0 2px 0 var(--main-black)}.header-container.svelte-12qhfyh{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px 15px;gap:20px}.header-left.svelte-12qhfyh{display:flex;align-items:center}.logo.svelte-12qhfyh{font-size:14px;font-weight:700;color:var(--main-black);margin:0;text-transform:uppercase;white-space:nowrap;font-family:Courier New,monospace}.nav.svelte-12qhfyh{display:flex;gap:5px;flex:1;justify-content:center}.nav-link.svelte-12qhfyh{padding:6px 12px;color:var(--main-black);font-size:11px;font-weight:700;text-decoration:none;text-transform:uppercase;border:var(--border-width) solid transparent;background:#a0a0a0;transition:all .1s}.nav-link.svelte-12qhfyh:hover{background:#d0d0d0;text-decoration:none}.nav-link.active.svelte-12qhfyh{background:var(--bg-color);border:var(--border-width) solid var(--main-black);border-bottom:none;padding-top:8px;margin-top:-2px}.header-right.svelte-12qhfyh{display:flex;align-items:center;gap:16px}.user-name.svelte-12qhfyh{font-size:11px;color:var(--main-black);font-weight:700;font-family:Courier New,monospace;text-transform:uppercase}.main.svelte-12qhfyh{flex:1;padding:10px 0;background:#004080}.container.svelte-12qhfyh{max-width:1200px;margin:0 auto;padding:0 10px}.footer.svelte-12qhfyh{background:var(--bg-color);border-top:var(--border-width) solid var(--main-black);padding:8px 0}.footer.svelte-12qhfyh p:where(.svelte-12qhfyh){font-size:10px;color:var(--main-black);text-align:center;font-family:Courier New,monospace;text-transform:uppercase}@media(max-width:768px){.header-container.svelte-12qhfyh{flex-wrap:wrap;gap:16px;padding:12px 24px}.nav.svelte-12qhfyh{order:3;width:100%;justify-content:flex-start;border-top:var(--border-width) solid var(--border-color);padding-top:12px;overflow-x:auto}.nav-link.svelte-12qhfyh{padding:8px 16px;white-space:nowrap}.user-name.svelte-12qhfyh{display:none}.container.svelte-12qhfyh{padding:0 24px}.main.svelte-12qhfyh{padding:24px 0}}