*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#0a0a0f;color:#f5f5f5}html,body{height:100%}.spinner{border:5px solid #1a1a2a;border-top:5px solid #00d4ff;border-radius:50%;width:60px;height:60px;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{position:absolute;inset:0;background:#0a0a0fd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;z-index:10;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-overlay .spinner{margin-bottom:15px;width:50px;height:50px}.loading-overlay p{color:#00d4ff;font-size:.95rem;font-weight:600;margin:0}html,body,*{scrollbar-width:thin;scrollbar-color:#4a4a6a #1a1a2a}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:4px;height:4px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:#1a1a2a;border-radius:4px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:#00d4ff;border-radius:4px}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:#00e8ff}html::-webkit-scrollbar-thumb:active,body::-webkit-scrollbar-thumb:active,*::-webkit-scrollbar-thumb:active{background:#ff6b35}html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner,*::-webkit-scrollbar-corner{background:#1a1a2a}.tile{border-radius:12px;box-shadow:0 8px 32px #0006;position:relative;transition:all .3s ease}.tile-primary{background:linear-gradient(135deg,#0f0f1a,#1a1a2a);border:2px solid #333355;padding:20px}.tile-secondary{background:linear-gradient(135deg,#1a1a28,#222236);border:1px solid #333355;padding:15px;box-shadow:0 4px 16px #0000004d}.tile-compact{padding:12px}.tile-interactive{cursor:pointer;transition:all .2s ease}.tile-interactive:hover{transform:translateY(-2px);box-shadow:0 10px 36px #00000080;border-color:#44a}.tile-interactive:active,.tile-interactive.active{border-color:#00d4ff;box-shadow:0 8px 32px #0006}.tile h3,.tile h2{margin:0 0 15px;color:#00d4ff;font-size:1.5rem;font-weight:700;letter-spacing:.5px}.tile h4{margin:0 0 10px;color:#00d4ff;font-size:1.2rem;font-weight:600}