*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background:#0f0f23;color:#ccc;line-height:1.6}a{color:#4a9eff;text-decoration:none;transition:color .2s ease}a:hover{color:#66b3ff}.nav-container{background:#0f0f23;border-bottom:1px solid #333;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-links{display:flex;gap:24px;align-items:center;max-width:1200px;margin:0 auto}.nav-links a{color:#fff;font-weight:500;padding:8px 12px;border-radius:6px;transition:background-color .2s ease}.nav-links a:hover{background-color:#1a1a2e;color:#4a9eff}.apps-dropdown{position:relative}.apps-dropdown:hover .dropdown-menu{display:block!important}.dropdown-menu{position:absolute;top:100%;left:0;background:#1a1a2e;padding:12px;border-radius:8px;min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,.3);border:1px solid #333}.dropdown-menu a{display:block;padding:8px 12px;border-radius:4px;margin:2px 0}.main-container{max-width:1200px;margin:0 auto;padding:24px;min-height:calc(100vh - 200px)}.card{background:#1a1a2e;border:1px solid #333;border-radius:12px;padding:24px;margin-bottom:24px;transition:border-color .2s ease}.card:hover{border-color:#4a9eff}.card h2{color:#fff;margin-bottom:12px;font-size:1.25rem}.card h3{color:#4a9eff;margin-bottom:8px;font-size:1.1rem}.card p{color:#aaa;margin-bottom:16px}.grid{display:grid;grid-gap:24px;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:.875rem;font-weight:500}.status.online{background:rgba(34,197,94,.2);color:#22c55e}.status.offline{background:rgba(239,68,68,.2);color:#ef4444}.status.building{background:rgba(251,191,36,.2);color:#fbbf24}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#4a9eff;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease;text-decoration:none}.btn:hover{background:#3b82f6;color:#fff}.btn-secondary{background:#374151;color:#d1d5db}.btn-secondary:hover{background:#4b5563;color:#fff}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite}@media (max-width:768px){.nav-links{flex-wrap:wrap;gap:12px}.main-container{padding:16px}.grid-2,.grid-3{grid-template-columns:1fr}}main>header{display:none!important}