body{margin:0;min-width:320px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#app{width:100%}:root{--bg-page: #0e1219;--bg-elev-1: #121723;--bg-elev-2: #161c29;--glass: rgba(18, 22, 33, .58);--glass-border: rgba(255,255,255,.06);--text-1: #eef2ff;--text-2: #a8b3cf;--text-3: #7b859e;--acc-cyan: #3ee3ff;--acc-blue: #6c7dff;--acc-violet:#a855f7;--acc-pink: #ff5ebc;--acc-amber: #f59e0b;--grad-aurora: radial-gradient(1200px 600px at 80% -10%, rgba(62,227,255,.18), transparent 60%), radial-gradient(900px 500px at 10% 0%, rgba(168,85,247,.12), transparent 55%);--bd-1: #242b3a;--bd-2: #2f374a;--glow: 0 10px 30px rgba(108,125,255,.18), 0 6px 16px rgba(62,227,255,.12)}body{background:var(--bg-page);color:var(--text-1);background-image:var(--grad-aurora);overflow-x:hidden;overflow-y:auto}.btn-primary{color:#0a0b0e;background:linear-gradient(135deg,var(--acc-amber),#ff7ad1 70%);border:none;box-shadow:0 8px 24px #f59e0b40}.btn-secondary{background:#14182199;border:1px solid var(--bd-2);color:var(--text-1)}.glass{background:linear-gradient(180deg,#0f121ed9,#0f121e59);-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter:saturate(120%) blur(8px);border:1px solid var(--glass-border)}.card{background:var(--bg-elev-1);border:1px solid var(--bd-1);box-shadow:var(--glow)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:auto;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-primary{background-color:#1890ff;color:#fff}.btn-primary:hover{background-color:#40a9ff}.btn-default{background-color:#fff;border:1px solid #d9d9d9;color:#333}.btn-default:hover{border-color:#1890ff;color:#1890ff}.input{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:all .3s}.input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000}.loading{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}