:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-base:#06090e;--bg-surface:#121721;--bg-surface-elevated:#1d2330;--bg-surface-glass:#151c2899;--text-primary:#fafafa;--text-secondary:#a7afbe;--text-muted:#737b8c;--primary:#8e5eed;--primary-hover:#9d71f4;--primary-glow:#8e5eed4d;--accent:#eb47b4;--success:#22c373;--warning:#f4af25;--error:#e83030;--border-color:#3d475c4d;--border-glow:#8e5eed33;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#8e5eed14,#0000 25%),radial-gradient(circle at 85% 30%,#eb47b414,#0000 25%);background-attachment:fixed;min-height:100vh;line-height:1.6}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.glass-panel{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000004d}.glass-card{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);padding:1.5rem}.glass-card:hover{border-color:var(--border-glow);box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}.app-container{min-height:100vh;display:flex}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;gap:1rem;width:260px;height:100vh;padding:2rem 1rem;display:flex;position:fixed}.main-content{flex:1;margin-left:260px;padding:2rem 3rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:1rem;font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #6e30e8);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);background:linear-gradient(135deg, var(--primary-hover), var(--primary));transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--text-muted);background:#262f40}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:1rem;padding:.75rem 1rem;font-weight:500;display:flex}.nav-link:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.nav-link.active{color:var(--primary);border-left:3px solid var(--primary);background:#8e5eed26}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=800px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto;padding:.75rem;position:sticky;top:0}.sidebar>div:first-child{margin-bottom:.6rem!important;padding:0 .25rem!important}.sidebar nav{padding-bottom:.15rem;overflow-x:auto;flex-direction:row!important;gap:.35rem!important}.sidebar .nav-link{white-space:nowrap;flex:none;gap:.45rem;padding:.55rem .7rem;font-size:.86rem}.sidebar .nav-link span{text-overflow:ellipsis;max-width:6.5rem;overflow:hidden}.sidebar .nav-link.active{border-left:none;border-bottom:2px solid var(--primary)}.sidebar>div:last-child{display:none}.main-content{width:100%;margin-left:0;padding:1rem;overflow-x:hidden}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.15rem}}@media (width<=520px){.sidebar nav{justify-content:space-between}.sidebar .nav-link{justify-content:center;width:2.75rem;height:2.5rem;padding:0}.sidebar .nav-link span{display:none}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 10px #be5eed99}50%{transform:scale(1.05);box-shadow:0 0 16px #be5eede6}to{transform:scale(1);box-shadow:0 0 10px #be5eed99}}@keyframes shimmerBg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}