*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0e14;color:#fff;overflow-x:hidden}#app{width:100%;height:100%;max-width:430px;margin:0 auto;position:relative}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px #00d4ff,0 0 10px #00d4ff}50%{box-shadow:0 0 20px #00d4ff,0 0 30px #00d4ff}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-enter-active,.page-leave-active{transition:all .3s ease}.page-enter-from{opacity:0;transform:translate(30px)}.page-leave-to{opacity:0;transform:translate(-30px)}.btn-primary{width:100%;height:52px;background:linear-gradient(135deg,#00d4ff,#00a8cc);border:none;border-radius:8px;color:#0a0e14;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00d4ff66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.input-field{width:100%;height:56px;background:#1a2332;border:2px solid #00d4ff;border-radius:8px;padding:0 16px;color:#fff;font-size:16px;outline:none;transition:all .3s ease}.input-field::placeholder{color:#5a6a7a}.input-field:focus{box-shadow:0 0 10px #00d4ff4d}.card{background:#1a2332;border-radius:12px;padding:16px;margin-bottom:12px}.status-online{color:#0f8}.status-offline{color:#f44}.status-busy{color:#fa0}.loading-ring{border:4px solid transparent;border-top-color:#00d4ff;border-radius:50%;animation:rotate 1s linear infinite}.page-container{width:100%;min-height:100vh;padding:20px 20px 90px;background:#0a0e14}.page-title{font-size:20px;font-weight:600;color:#fff;text-align:center;margin-bottom:20px}.tech-text{background:linear-gradient(90deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0e14}::-webkit-scrollbar-thumb{background:#1a2332;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff}