:root{--bg-space:#f8fafc;--surface-1:#fff;--surface-2:#edf2f7;--surface-3:#d7e0ea;--border:#00000014;--border-focus:#5048e5;--text-primary:#0f1729;--text-secondary:#4b5768;--text-muted:#6b7c94;--color-primary:#5048e5;--color-accent:#6826d9;--color-creative:#c91d56;--color-glow:#6366f114;--color-success:#15793a;--color-success-bg:#10b9811f;--color-info:#096c9a;--color-info-bg:#0ea5e91f;--color-warning:#ab6f07;--color-warning-bg:#f59e0b1f;--color-error:#ac1637;--color-error-bg:#f43f5e1f;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-circular:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}html{font-size:17px}body{background-color:var(--bg-space);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:700}button,input,textarea,select{color:inherit;font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{background-color:var(--bg-space);background-image:radial-gradient(at 0 0,#6366f108 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf608 0,#0000 50%);min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:3rem;display:flex}.tab-viewport{flex:1;min-width:0}.glass-panel{-webkit-backdrop-filter:blur(16px)saturate(140%);border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffbf;box-shadow:0 10px 30px -10px #1f26870a;padding:2.25rem!important}.glass-panel-hover{transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal)}.glass-panel-hover:hover{border-color:#6366f140;transform:translateY(-4px);box-shadow:0 12px 40px -12px #1f268714,0 0 20px #6366f10d}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;box-shadow:0 4px 15px #6366f133}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d}.btn-secondary{background:var(--surface-1);border-color:var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-2);border-color:#00000026}.btn-icon{border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);background:0 0;border:1px solid #0000;padding:.5rem}.btn-icon:hover{color:var(--text-primary);background:var(--surface-2)}.input-group{margin-bottom:1.25rem}.input-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.input-field{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.875rem}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 12px var(--color-glow);background:var(--surface-1)}.badge{border-radius:var(--radius-sm);align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-gray{background:var(--surface-2);color:var(--text-secondary)}.badge-primary{color:#251dc9;background:#6366f114}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-bg{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.grid-2{grid-template-columns:repeat(2,1fr);gap:2.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}.app-shell{flex-direction:column}}