.n-config-provider{height:100%}:root{--primary:#0ea5e9;--primary-light:#38bdf8;--primary-dark:#0284c7;--primary-gradient:linear-gradient(135deg, #0ea5e9, #06b6d4);--accent:#06b6d4;--accent-light:#22d3ee;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--bg-primary:#0f0f23;--bg-secondary:#1a1a3e;--bg-card:#1e1e3ccc;--bg-card-hover:#282850e6;--bg-glass:#ffffff0d;--bg-glass-strong:#ffffff1a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#ffffff14;--border-hover:#ffffff26;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 14px #0006;--shadow-lg:0 10px 40px #00000080;--shadow-glow:0 0 20px #0ea5e94d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow:hidden}.app-bg{z-index:-1;background:radial-gradient(ellipse at 20% 50%, #0ea5e91f 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #06b6d414 0%, transparent 50%), radial-gradient(ellipse at 60% 80%, #06b6d40f 0%, transparent 50%), var(--bg-primary);position:fixed;inset:0}.app-bg:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.page-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.page-scroll{flex:1;padding:24px;overflow-y:auto}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:24px}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #0ea5e933}50%{box-shadow:0 0 30px #0ea5e966}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:.5s forwards fadeInUp}.animate-fade-in{animation:.3s forwards fadeIn}.page-header{text-align:center;margin-bottom:32px;animation:.6s fadeInUp}.page-header h1{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:700}.page-header p{color:var(--text-secondary);font-size:.95rem}.icon-wrapper{border-radius:var(--radius-md);background:var(--primary-gradient);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:24px;display:inline-flex}.loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f0f23cc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid #0ea5e933;border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.page-scroll{padding:16px}.page-header h1{font-size:1.5rem}}