:root { --bg: #05080f; --win: #0f172a; --brd: #1e293b; --acc: #3b82f6; --txt: #f1f5f9; }
body { margin: 0; background: var(--bg); color: var(--txt); font-family: Tahoma, sans-serif; overflow: hidden; }
#topbar { padding: 10px; background: rgba(15, 23, 42, 0.8); border-bottom: 1px solid var(--brd); backdrop-filter: blur(8px); }
.controls, .taskRow { display: flex; gap: 5px; margin-top: 5px; }
input { flex: 1; background: #000; border: 1px solid var(--brd); color: #fff; padding: 8px; border-radius: 6px; font-size: 12px; }
button { background: var(--win); border: 1px solid var(--brd); color: #fff; padding: 8px 15px; border-radius: 6px; cursor: pointer; }

#desktop { width: 100vw; height: calc(100vh - 120px); position: relative; }
.window { position: absolute; background: var(--win); border: 1px solid var(--brd); border-radius: 10px; display: flex; flex-direction: column; box-shadow: 0 10px 25px rgba(0,0,0,0.5); }
.titlebar { padding: 8px; background: #1e293b; cursor: move; display: flex; justify-content: space-between; font-size: 11px; border-radius: 10px 10px 0 0; }
.content { flex: 1; padding: 10px; overflow: auto; font-family: monospace; font-size: 12px; white-space: pre-wrap; color: #cbd5e1; }

#status-bar { position: fixed; bottom: 0; width: 100%; background: #1e293b; padding: 4px 10px; font-size: 11px; color: #94a3b8; }