*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e6ed;background:#0a0e17;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}#root{height:100vh}.sidebar{background:#111827;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;width:220px;display:flex}.sidebar-header{border-bottom:1px solid #1e293b;padding:20px 16px}.logo{color:#60a5fa;letter-spacing:.5px;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex}.nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.nav-item:hover{color:#e2e8f0;background:#1e293b}.nav-item.active{color:#60a5fa;background:#1e3a5f}.sidebar-footer{border-top:1px solid #1e293b;padding:16px}.status-indicator{color:#64748b;align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #22c55e80}.instance-card{background:linear-gradient(135deg,#111827 0%,#1a2236 100%);border:1px solid #1e293b;border-radius:12px;transition:all .3s;overflow:hidden}.instance-card:hover{border-color:#334155;box-shadow:0 4px 20px #0000004d}.instance-card.running{border-left:3px solid #22c55e}.instance-card.stopped{border-left:3px solid #64748b}.card-header{justify-content:space-between;align-items:center;padding:14px 16px 0;display:flex}.os-badge{color:#fff;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.os-logo{font-size:13px;font-weight:900}.status-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:500;display:flex}.status-on{color:#22c55e;background:#22c55e26}.status-off{color:#64748b;background:#64748b26}.status-dot-sm{background:currentColor;border-radius:50%;width:6px;height:6px}.card-body{padding:14px 16px}.instance-name{color:#f1f5f9;margin-bottom:12px;font-size:16px;font-weight:600}.specs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.spec-item{flex-direction:column;gap:2px;display:flex}.spec-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.spec-value{color:#cbd5e1;font-size:13px;font-weight:500}.card-footer{justify-content:space-between;align-items:center;gap:10px;padding:0 16px 14px;display:flex}.os-switcher{position:relative}.os-current{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;transition:all .2s;display:flex}.os-current:hover{color:#e2e8f0;border-color:#475569}.os-logo-sm{color:#fff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.os-dropdown{z-index:10;background:#1e293b;border:1px solid #334155;border-radius:8px;min-width:160px;margin-bottom:4px;position:absolute;bottom:100%;left:0;overflow:hidden}.os-option{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12px;transition:background .15s;display:flex}.os-option:hover{background:#334155}.card-actions{gap:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-toggle{color:#cbd5e1;background:#1e293b}.btn-toggle:hover:not(:disabled){background:#334155}.btn-danger:hover:not(:disabled){color:#fca5a5;background:#7f1d1d}.btn-success:hover:not(:disabled){color:#86efac;background:#14532d}.btn-connect{color:#fff;background:#1d4ed8}.btn-connect:hover:not(:disabled){background:#2563eb}.dashboard{max-width:1400px;margin:0 auto}.page-title{color:#f1f5f9;margin-bottom:12px;font-size:24px;font-weight:600}.page-desc{color:#64748b;margin-bottom:24px;font-size:14px}.section-title{color:#cbd5e1;margin:32px 0 16px;font-size:18px;font-weight:600}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:8px;display:grid}.stat-card{background:linear-gradient(135deg,#111827 0%,#1a2236 100%);border:1px solid #1e293b;border-radius:12px;padding:20px;transition:border-color .2s}.stat-card:hover{border-color:#334155}.stat-value{margin-bottom:4px;font-size:32px;font-weight:700}.stat-label{color:#64748b;font-size:13px}.instance-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.instance-grid{grid-template-columns:1fr}}.desktop-view{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.desktop-icons{z-index:1;flex-direction:column;gap:12px;display:flex;position:absolute;top:32px;left:20px}.desktop-icon{color:#fff;cursor:pointer;text-align:center;text-shadow:0 1px 3px #00000080;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:center;gap:4px;width:76px;padding:6px;font-size:11px;transition:background .15s;display:flex}.desktop-icon:hover{background:#ffffff26}.desktop-icon svg{filter:drop-shadow(0 2px 3px #0000004d)}.floating-window{resize:both;z-index:10;border-radius:8px;flex-direction:column;min-width:300px;min-height:200px;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 32px #0006}.floating-window.window-active{z-index:20;box-shadow:0 12px 40px #00000080}.window-app-content{flex-direction:column;height:100%;display:flex}.window-inner-content{color:#e0e0e0;background:#1a1d23;flex:1;overflow:auto}.window-titlebar{color:#e0e0e0;cursor:default;-webkit-user-select:none;user-select:none;background:#1a1a2e;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.mac-titlebar{color:#1d1d1f!important;background:#e8e8ed!important}.window-titlebar-left,.window-titlebar-right{align-items:center;gap:6px;display:flex}.window-title-text{margin-left:6px;font-size:11px;font-weight:500}.win-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;padding:0;font-size:9px;line-height:1;display:flex}.win-close{background:#ff5f57}.win-min{background:#febc2e}.win-max{background:#28c840}.terminal-sim{background:#0a0a0a;height:100%;padding:16px;font-family:Courier New,Consolas,monospace;font-size:13px;line-height:1.7}.terminal-line{color:#b0b0b0}.terminal-prompt{color:#4ec9b0}.terminal-cursor{color:#fff;animation:1s step-end infinite blink}.terminal-success{color:#6a9955}@keyframes blink{50%{opacity:0}}.file-explorer{height:100%;display:flex}.file-sidebar{background:#252830;border-right:1px solid #333;width:160px;padding:8px 0}.file-sidebar-item{color:#999;cursor:pointer;padding:6px 16px;font-size:12px}.file-sidebar-item.active{color:#fff;background:#3a3d45}.file-main{flex-wrap:wrap;flex:1;align-content:flex-start;gap:12px;padding:12px;display:flex}.file-item{text-align:center;color:#ccc;cursor:pointer;border-radius:4px;flex-direction:column;align-items:center;gap:4px;width:80px;padding:4px;font-size:11px;display:flex}.file-item:hover{background:#ffffff14}.file-icon{color:#fff;background:#3a7bd5;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.settings-panel{padding:20px}.setting-row{border-bottom:1px solid #2a2a2a;justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.setting-row span:first-child{color:#888}.text-green{color:#4caf50}.browser-sim{flex-direction:column;height:100%;display:flex}.browser-toolbar{background:#252830;border-bottom:1px solid #333;padding:8px 12px}.browser-url-bar{color:#999;background:#1a1d23;border:1px solid #444;border-radius:16px;padding:6px 12px;font-size:12px}.browser-content{padding:24px}.browser-content h2{color:#60a5fa;margin-bottom:16px;font-size:20px}.browser-content p{color:#ccc;margin-bottom:8px;font-size:13px}.browser-status{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;align-items:center;gap:6px;margin-top:16px;padding:8px 12px;font-size:12px;display:flex}.browser-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #22c55e80}.desktop-taskbar{z-index:100;flex-shrink:0;align-items:center;gap:4px;height:42px;padding:0 8px;display:flex}.start-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:38px;height:32px;transition:background .15s;display:flex}.start-button:hover{background:#ffffff1a}.taskbar-windows{flex:1;gap:2px;display:flex;overflow-x:auto}.taskbar-window-btn{color:#e0e0e0;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#ffffff14;border:none;border-radius:4px;max-width:160px;padding:4px 12px;font-size:11px;overflow:hidden}.taskbar-window-btn.active{background:#ffffff2e}.taskbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.taskbar-info{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.taskbar-instance{color:#94a3b8;font-size:10px}.taskbar-ip{color:#64748b;font-size:9px}.taskbar-time{color:#e0e0e0;text-align:right;min-width:50px;font-size:11px}.disconnect-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;transition:all .15s;display:flex}.disconnect-btn:hover{color:#fff;background:#ef4444}.start-menu{z-index:200;background:#1e293b;border:1px solid #334155;border-radius:8px;width:240px;position:absolute;bottom:50px;left:8px;overflow:hidden;box-shadow:0 8px 32px #00000080}.start-menu-header{background:#16213e;border-bottom:1px solid #334155;padding:16px}.start-user{color:#f1f5f9;font-size:14px;font-weight:600}.start-menu-list{padding:8px}.start-menu-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;display:flex}.start-menu-item:hover{background:#334155}.mac-dock{align-items:flex-end;gap:2px;height:100%;padding:0 8px;display:flex}.dock-item{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;padding:4px 6px;transition:transform .15s;display:flex}.dock-item:hover{transform:scale(1.15)}.dock-dot{background:#fff6;border-radius:50%;width:4px;height:4px}.mac-menubar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1d1d1f;z-index:101;background:#ffffffd9;flex-shrink:0;align-items:center;gap:16px;height:24px;padding:0 12px;font-size:12px;display:flex}.menubar-apple{cursor:default}.menubar-item{cursor:default;padding:0 4px}.menubar-spacer{flex:1}.app{height:100vh;display:flex}.main-content{flex:1;padding:24px;overflow-y:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0e17}::-webkit-scrollbar-thumb{background:#2a3550;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a4a6b}