:root{--dp-color-window:#d4d4d4;--dp-color-ink:#000;--dp-color-bevel-dark:gray;--dp-color-bevel-light:#fff;--dp-color-accent:#60f;--dp-color-highlight:#ff0;--dp-color-link-hover:#00f;--dp-color-desktop:teal;--dp-color-emphasis:#ff00b8;--dp-color-titlebar:navy;--dp-typography-interface:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dp-typography-display:"Host Grotesk", sans-serif;--dp-typography-mono:"IBM Plex Mono", monospace;--dp-typography-body:15px;--dp-typography-supporting:13px;--dp-typography-label:11px;--dp-spacing-pane-inset:5px;--dp-spacing-item-gap:10px;--dp-radius-control:0;--dp-border-frame:2px;--dp-border-rule:1px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--dp-typography-interface);background-color:var(--dp-color-desktop);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#e0e0e0 radial-gradient(#aaa 1px,#0000 0) 0 0/2px 2px}::-webkit-scrollbar-thumb{background:var(--dp-color-window);border:2px solid;border-color:var(--dp-color-bevel-light) var(--dp-color-bevel-dark) var(--dp-color-bevel-dark) var(--dp-color-bevel-light)}::-webkit-scrollbar-button{background:var(--dp-color-window);border:2px solid;border-color:var(--dp-color-bevel-light) var(--dp-color-bevel-dark) var(--dp-color-bevel-dark) var(--dp-color-bevel-light);width:16px;height:16px}.os-desktop{background-color:var(--dp-color-desktop);background-image:radial-gradient(#00000038 1px,#0000 0);background-size:4px 4px;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.desktop-canvas{flex:1;padding:16px;position:relative;overflow:hidden}.desktop-icons-container{z-index:2;grid-template-columns:80px;gap:18px;display:grid;position:absolute;top:16px;left:16px}.desktop-icon-item{text-align:center;cursor:pointer;color:#fff;text-shadow:1px 1px 2px #000;font-family:var(--dp-typography-mono);border:1px dotted #0000;flex-direction:column;align-items:center;padding:6px 4px;font-size:11px;transition:background .1s;display:flex}.desktop-icon-item:hover,.desktop-icon-item.selected{background:#00008073;border-color:#ff0}.desktop-icon-graphic{filter:drop-shadow(1px 2px #0006);margin-bottom:4px;font-size:32px}.win-window{background:var(--dp-color-window);border:2px solid;border-color:var(--dp-color-bevel-light) var(--dp-color-bevel-dark) var(--dp-color-bevel-dark) var(--dp-color-bevel-light);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute;box-shadow:2px 2px #000}.win-window.active{box-shadow:3px 3px #000}.win-titlebar{background:linear-gradient(90deg, var(--dp-color-titlebar) 0%, #1084d0 100%);color:#fff;cursor:move;font-family:var(--dp-typography-interface);letter-spacing:.5px;justify-content:space-between;align-items:center;padding:3px 6px;font-size:12px;font-weight:700;display:flex}.win-window:not(.active) .win-titlebar{color:#d4d4d4;background:gray}.titlebar-caption{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.titlebar-actions{gap:2px;display:flex}.titlebar-btn{background:var(--dp-color-window);color:#000;cursor:pointer;border:1px solid #404040;border-color:#fff #404040 #404040 #fff;justify-content:center;align-items:center;width:16px;height:14px;padding:0;font-size:9px;font-weight:700;line-height:1;display:flex;box-shadow:1px 1px #000}.titlebar-btn:active{box-shadow:none;border-color:#404040 #fff #fff #404040;transform:translate(1px,1px)}.win-menubar{background:var(--dp-color-window);border-bottom:1px solid var(--dp-color-bevel-dark);gap:12px;padding:2px 8px;font-size:11px;display:flex}.win-menubar span{cursor:pointer;padding:1px 4px}.win-menubar span:hover{background:var(--dp-color-titlebar);color:#fff}.win-content{flex:1;padding:12px;overflow-y:auto}.sunken-panel{border:2px solid;border-color:var(--dp-color-bevel-dark) var(--dp-color-bevel-light) var(--dp-color-bevel-light) var(--dp-color-bevel-dark);background:#fff;padding:10px}.retro-key{background:var(--dp-color-window);border:2px solid;border-color:var(--dp-color-bevel-light) var(--dp-color-bevel-dark) var(--dp-color-bevel-dark) var(--dp-color-bevel-light);color:var(--dp-color-ink);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--dp-typography-interface);justify-content:center;align-items:center;gap:6px;padding:4px 12px;text-decoration:none;display:inline-flex;box-shadow:1px 1px #000}.retro-key:active{border-color:var(--dp-color-bevel-dark) var(--dp-color-bevel-light) var(--dp-color-bevel-light) var(--dp-color-bevel-dark);box-shadow:none;transform:translate(1px,1px)}.retro-key-yellow{background:var(--dp-color-highlight)}.retro-key-accent{background:var(--dp-color-accent);color:#fff}.retro-key-black{color:#fff;background:#000}.crt-monitor-well{border:2px solid;border-color:var(--dp-color-bevel-dark) #fff #fff var(--dp-color-bevel-dark);color:#0f6;font-family:var(--dp-typography-mono);background:#0c1017;padding:8px 10px;font-size:11px;line-height:1.5;box-shadow:inset 0 0 10px #00ff6626}.retro-ticker-strip{background:var(--dp-color-emphasis);color:#fff;letter-spacing:.5px;border:1px solid #fff;align-items:center;gap:8px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.os-taskbar{background:var(--dp-color-window);border-top:2px solid var(--dp-color-bevel-light);height:32px;box-shadow:0 -1px 0 var(--dp-color-bevel-dark);z-index:9999;align-items:center;gap:6px;padding:2px 4px;display:flex}.start-btn{align-items:center;gap:5px;height:24px;padding:0 8px;font-size:12px;font-weight:900;display:flex}.taskbar-tabs-area{flex:1;gap:4px;display:flex;overflow-x:auto}.taskbar-tab-item{background:var(--dp-color-window);border:2px solid;border-color:var(--dp-color-bevel-light) var(--dp-color-bevel-dark) var(--dp-color-bevel-dark) var(--dp-color-bevel-light);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:170px;height:24px;padding:0 8px;font-size:11px;font-weight:700;display:flex;overflow:hidden;box-shadow:1px 1px #000}.taskbar-tab-item.active{border-color:var(--dp-color-bevel-dark) var(--dp-color-bevel-light) var(--dp-color-bevel-light) var(--dp-color-bevel-dark);box-shadow:none;background:#e2e2e2}.taskbar-tray-area{border:2px solid;border-color:var(--dp-color-bevel-dark) var(--dp-color-bevel-light) var(--dp-color-bevel-light) var(--dp-color-bevel-dark);font-size:11px;font-family:var(--dp-typography-mono);background:var(--dp-color-window);align-items:center;gap:8px;height:24px;padding:2px 8px;display:flex}.os-start-menu{background:var(--dp-color-window);border:2px solid;border-color:var(--dp-color-bevel-light) var(--dp-color-bevel-dark) var(--dp-color-bevel-dark) var(--dp-color-bevel-light);z-index:10000;width:220px;display:flex;position:absolute;bottom:32px;left:0;box-shadow:2px 2px #000}.start-menu-banner{color:#fff;writing-mode:vertical-rl;letter-spacing:2px;background:linear-gradient(navy 0%,#1084d0 100%);justify-content:flex-end;align-items:center;padding:10px 4px;font-size:15px;font-weight:900;display:flex;transform:rotate(180deg)}.start-menu-list{flex:1;padding:4px 0}.start-menu-item{cursor:pointer;color:#000;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.start-menu-item:hover{background:var(--dp-color-titlebar);color:#fff}.start-menu-divider{border-top:1px solid var(--dp-color-bevel-dark);border-bottom:1px solid #fff;margin:4px 0}@media (width<=768px){.desktop-canvas{padding:6px}.desktop-icons-container{gap:8px;top:8px;left:8px}.desktop-icon-graphic{margin-bottom:2px;font-size:24px}.desktop-icon-item{padding:3px 2px;font-size:10px}.desktop-icons-right{display:none!important}.win-window:not([style*="width: 100%"]){width:calc(100vw - 8px)!important;min-width:0!important;max-width:calc(100vw - 8px)!important;top:4px!important;left:4px!important}.win-content{max-height:calc(100vh - 84px)!important;padding:8px!important}.win-titlebar{padding:2px 4px;font-size:11px}.titlebar-caption{font-size:10px}.stat-grid-responsive{grid-template-columns:repeat(2,1fr)!important}.overview-grid-responsive{grid-template-columns:1fr!important}.services-grid-responsive{grid-template-columns:repeat(3,1fr)!important}.two-col-responsive,.process-grid-responsive{grid-template-columns:1fr!important}.matrix-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.os-start-menu{width:200px}}