@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-surface:#ffffffd1;--bg-surface-hover:#fffffff2;--bg-surface-card:#ffffffe0;--border-subtle:#e2e8f0d9;--border-card:#e2e8f0e6;--border-focus:#6366f199;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-cyan:#0284c7;--accent-indigo:#4f46e5;--accent-purple:#9333ea;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--shadow-glow:0 0 24px -4px #6366f11f;--shadow-card:0 10px 25px -4px #0f172a0d, 0 4px 6px -2px #0f172a06;--shadow-popover:0 20px 40px -10px #0f172a1f, 0 1px 3px #0f172a0d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#6366f112 0,#0000 45%),radial-gradient(at 100% 0,#f59e0b0f 0,#0000 40%),radial-gradient(at 50% 100%,#06b6d40f 0,#0000 50%),radial-gradient(at 80%,#a855f70a 0,#0000 40%);background-attachment:fixed;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#6366f147;box-shadow:0 14px 32px -4px #0f172a14,0 6px 10px -2px #0f172a08}.glass-card{background:var(--bg-surface-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.app-layout{width:100%;min-height:100vh;display:flex}.app-sidebar{-webkit-backdrop-filter:blur(24px)saturate(180%);border-right:1px solid var(--border-subtle);z-index:1000;background:#ffffffe0;flex-direction:column;width:270px;transition:width .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px -4px #0f172a0a}.app-sidebar.collapsed{width:76px}.app-sidebar-backdrop{display:none}@media (max-width:1023px){.app-sidebar{transform:translate(-100%);width:280px!important}.app-sidebar.mobile-open{transform:translate(0);box-shadow:12px 0 40px #0f172a26}.app-sidebar-backdrop.active{-webkit-backdrop-filter:blur(4px);z-index:999;background:#0f172a66;display:block;position:fixed;inset:0}}.app-main-wrapper{flex-direction:column;flex:1;min-width:0;margin-left:270px;transition:margin-left .25s cubic-bezier(.16,1,.3,1);display:flex}.app-main-wrapper.sidebar-collapsed{margin-left:76px}@media (max-width:1023px){.app-main-wrapper{margin-left:0!important}}.sidebar-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.65rem .85rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:var(--text-primary);background:#f1f5f9d9}.sidebar-nav-item.active{color:var(--accent-indigo);background:linear-gradient(135deg,#6366f11a 0%,#6366f10d 100%);border-color:#6366f140;font-weight:700;box-shadow:0 2px 8px -2px #6366f126}.sidebar-nav-item.active-gold{color:#b45309;background:linear-gradient(135deg,#f59e0b1f 0%,#f59e0b0f 100%);border-color:#f59e0b4d;font-weight:700;box-shadow:0 2px 8px -2px #f59e0b26}.btn-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:1px solid #fff3;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #4f46e540}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 18px #4f46e559}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;background:#ffffffd9;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn-secondary:hover{color:var(--text-primary);background:#fff;border-color:#cbd5e1;box-shadow:0 2px 6px #0000000f}.badge{letter-spacing:.01em;border-radius:9999px;align-items:center;gap:.35rem;padding:.22rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-emerald{color:#047857;background:#10b9811f;border:1px solid #10b98140}.badge-indigo{color:#4338ca;background:#6366f11f;border:1px solid #6366f140}.badge-cyan{color:#0369a1;background:#06b6d41f;border:1px solid #06b6d440}.badge-amber{color:#b45309;background:#f59e0b24;border:1px solid #f59e0b47}.badge-rose{color:#be123c;background:#f43f5e1f;border:1px solid #f43f5e40}.pulse-indicator{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-ring;box-shadow:0 0 #10b981b3}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9b3}::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#64748bb3}.project-modal-backdrop{background-color:#0f172a73!important}.project-modal-container{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 25px 60px -10px #0f172a33!important}.project-modal-container h2,.project-modal-container h3,.project-modal-container h4{color:#0f172a!important}.project-modal-container p,.project-modal-container label{color:#475569!important}.project-modal-container .modal-header,.project-modal-container .modal-footer{background:#fff!important;border-color:#e2e8f0!important}.project-modal-container .modal-tabs-strip{background:#f8fafc!important;border-color:#e2e8f0!important}.project-modal-container input:not([type=checkbox]):not([type=radio]):not([type=file]),.project-modal-container textarea,.project-modal-container select{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 1px 2px #0000000a!important}.project-modal-container input::placeholder,.project-modal-container textarea::placeholder{color:#94a3b8!important}.project-modal-container pre{color:#0f172a!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important}.project-modal-container pre code{color:#0f172a!important}.project-modal-container div[style*="background: rgba(255, 255, 255, 0.03)"],.project-modal-container div[style*="background: rgba(255, 255, 255, 0.05)"],.project-modal-container div[style*="background: rgba(255, 255, 255, 0.02)"]{background:#f8fafc!important;border:1px solid #e2e8f0!important}.project-modal-container div[style*="background: rgba(0, 0, 0, 0.4)"],.project-modal-container div[style*="background: rgba(0, 0, 0, 0.35)"],.project-modal-container div[style*="background: rgba(0, 0, 0, 0.3)"],.project-modal-container div[style*="background: rgba(0, 0, 0, 0.25)"]{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}@media (max-width:1024px){.content-studio-grid{grid-template-columns:1fr!important}}