@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--enzo-dark-blue:#001F5F;--enzo-green:#267355;--enzo-light-blue:#4E77A0;--enzo-dark-gray:#555960;--enzo-light-gray:#D9DAE4;--bg-dark:#060a12;--bg-card:#0c1425;--bg-card-hover:#141e33;--bg-input:#121c30;--border-color:#1e2d4a;--border-hover:#0ea5e9;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#0ea5e9;--accent-cyan-hover:#0284c7;--accent-glow:rgba(14,165,233,0.25);--status-draft-bg:rgba(245,158,11,0.15);--status-draft-text:#f59e0b;--status-review-bg:rgba(139,92,246,0.15);--status-review-text:#a78bfa;--status-approved-bg:rgba(59,130,246,0.15);--status-approved-text:#60a5fa;--status-published-bg:rgba(38,115,85,0.25);--status-published-text:#34d399;--status-archived-bg:rgba(100,116,139,0.15);--status-archived-text:#94a3b8;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-card:0 10px 25px -5px rgba(0,0,0,0.5),0 8px 10px -6px rgba(0,0,0,0.3);--shadow-glow:0 0 20px rgba(14,165,233,0.2);--density-row-height:36px;--density-padding-y:0.5rem;--density-padding-x:0.85rem;--density-font-size:0.85rem}[data-theme=light]{--bg-dark:#f8fafc;--bg-card:#ffffff;--bg-card-hover:#f1f5f9;--bg-input:#ffffff;--border-color:#cbd5e1;--border-hover:#2563eb;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-cyan:#2563eb;--accent-cyan-hover:#1d4ed8;--accent-glow:rgba(37,99,235,0.15);--header-bg:#001F5F;--header-text-primary:#ffffff;--header-text-secondary:#cbd5e1;--header-border:#1e3a8a;--footer-bg:#001F5F;--footer-text-primary:#ffffff;--footer-text-secondary:#cbd5e1;--card-selected-bg:#eff6ff}[data-theme=dark]{--bg-dark:#060a12;--bg-card:#0c1425;--bg-card-hover:#141e33;--bg-input:#121c30;--border-color:#1e2d4a;--border-hover:#0ea5e9;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#0ea5e9;--accent-cyan-hover:#0284c7;--accent-glow:rgba(14,165,233,0.25);--header-bg:rgba(6,10,18,0.95);--header-text-primary:#f8fafc;--header-text-secondary:#94a3b8;--header-border:#1e2d4a;--footer-bg:rgba(8,12,20,0.95);--footer-text-primary:#f8fafc;--footer-text-secondary:#64748b;--card-selected-bg:rgba(37,99,235,0.15)}[data-density=compact]{--density-row-height:28px;--density-padding-y:0.25rem;--density-padding-x:0.5rem;--density-font-size:0.8rem}[data-density=comfortable]{--density-row-height:36px;--density-padding-y:0.5rem;--density-padding-x:0.85rem;--density-font-size:0.85rem}[data-density=spacious]{--density-row-height:46px;--density-padding-y:0.85rem;--density-padding-x:1.25rem;--density-font-size:0.925rem}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-dark);color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;max-width:100vw}.font-mono,code,pre{font-family:JetBrains Mono,monospace}.app-header{height:64px;background-color:var(--header-bg,rgba(6,10,18,.95));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--header-border,var(--border-color));justify-content:space-between;padding:0 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100;gap:.75rem;width:100%;max-width:100vw;box-sizing:border-box}.app-header,.brand-logo{display:flex;align-items:center}.brand-logo{gap:.6rem;text-decoration:none;color:var(--header-text-primary,var(--text-primary));flex-shrink:0}.brand-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--enzo-dark-blue),var(--enzo-green));border-radius:var(--radius-md);color:#ffffff;box-shadow:var(--shadow-glow)}.brand-icon,.header-nav{display:flex;align-items:center;justify-content:center}.header-nav{flex:1 1;overflow:hidden}.nav-links{gap:.25rem;list-style:none}.nav-link,.nav-links{display:flex;align-items:center}.nav-link{gap:.35rem;padding:.35rem .55rem;border-radius:var(--radius-md);color:var(--header-text-secondary,var(--text-secondary));text-decoration:none;font-weight:500;font-size:.8rem;transition:all .2s ease;white-space:nowrap}.nav-link.active,.nav-link:hover{color:var(--header-text-primary,var(--text-primary));background-color:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25)}.nav-link.active{color:#ffffff!important;background-color:rgba(255,255,255,.2)!important;border:1px solid rgba(255,255,255,.35)!important;font-weight:700}.header-right{flex-shrink:0}.header-right,.user-profile-badge{display:flex;align-items:center;gap:.5rem}.user-profile-badge{background:rgba(255,255,255,.1);border:1px solid var(--header-border,var(--border-color));padding:.25rem .65rem;border-radius:var(--radius-full)}.user-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#267355);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:.7rem}.user-info{display:flex;flex-direction:column}.user-name{font-size:.75rem;font-weight:700;color:var(--header-text-primary,var(--text-primary));line-height:1.1}.user-role{font-size:.6rem;color:var(--header-text-secondary,var(--accent-cyan));font-weight:600}.btn-logout{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:.75rem;transition:all .2s ease}.btn-logout:hover{background:rgba(239,68,68,.2);border-color:#ef4444}.app-container{flex:1 1;display:flex;flex-direction:column;min-height:calc(100vh - 114px)}.workbench-layout{display:flex;flex:1 1;overflow:hidden;height:calc(100vh - 114px);min-height:0}.sidebar{width:280px;background-color:rgba(15,23,42,.6);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem 1rem;overflow-y:auto}.sidebar-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem;padding:0 .5rem}.category-node{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:.25rem;transition:all .15s ease}.category-node.selected,.category-node:hover{background-color:rgba(14,165,233,.12);color:var(--accent-cyan)}.category-node.depth-1{margin-left:1.25rem}.count-pill{font-size:.75rem;padding:.15rem .5rem;border-radius:var(--radius-full);background-color:rgba(255,255,255,.06);color:var(--text-muted)}.main-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-dark)}.toolbar{padding:1.25rem 2rem;background-color:rgba(15,23,42,.4);border-bottom:1px solid var(--border-color);justify-content:space-between;gap:1.5rem}.search-box,.toolbar{display:flex;align-items:center}.search-box{gap:.75rem;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.55rem 1rem;width:360px;color:var(--text-primary)}.search-box input{background:none;border:none;outline:none;color:var(--text-primary);width:100%;font-size:.9rem}.filter-pills{display:flex;align-items:center;gap:.4rem;background:var(--bg-card);padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.filter-pill{padding:.4rem .85rem;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.filter-pill.active{background-color:var(--accent-cyan);color:#ffffff;box-shadow:0 2px 8px rgba(14,165,233,.4)}.btn-primary{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#ffffff;border:none;padding:.6rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;box-shadow:var(--shadow-glow);transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(14,165,233,.4)}.split-view{display:flex;flex:1 1;overflow:hidden}.product-list-container{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.25rem;gap:1.25rem}.product-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-card)}.product-card.selected,.product-card:hover{border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.6),var(--shadow-glow)}.product-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.product-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.3}.lifecycle-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .65rem;border-radius:var(--radius-full)}.badge-draft{background:var(--status-draft-bg);color:var(--status-draft-text)}.badge-in_review{background:var(--status-review-bg);color:var(--status-review-text)}.badge-approved{background:var(--status-approved-bg);color:var(--status-approved-text)}.badge-published{background:var(--status-published-bg);color:var(--status-published-text)}.badge-archived{background:var(--status-archived-bg);color:var(--status-archived-text)}.product-meta-row{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05);font-size:.8rem;color:var(--text-muted)}.detail-panel{width:580px;background-color:#0d1322;border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.detail-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-card)}.action-bar{gap:.5rem;margin-top:1rem;flex-wrap:wrap}.action-bar,.btn-action{display:flex;align-items:center}.btn-action{padding:.45rem .9rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font-size:.8rem;font-weight:600;cursor:pointer;gap:.4rem;transition:all .15s ease}.btn-action:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan)}.tab-nav{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-card);padding:0 1rem}.tab-button{padding:.85rem 1.25rem;background:none;color:var(--text-secondary);font-weight:600;font-size:.85rem;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .15s ease}.tab-button.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.tab-content{padding:1.5rem;flex:1 1}.data-row{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}.data-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.data-value{font-size:.95rem}.data-value,.input-field{color:var(--text-primary)}.input-field{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.6rem .85rem;font-size:.9rem;outline:none}.input-field:focus{border-color:var(--accent-cyan)}.app-footer{height:50px;background-color:var(--bg-card);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;font-size:.8rem;color:var(--text-secondary)}.user-avatar{background:var(--accent-cyan);color:#ffffff!important;font-weight:800}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999!important;padding:1.5rem;overflow-y:auto}.modal-card{width:520px;max-height:calc(100vh - 3rem);overflow-y:auto;margin:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-card)}.studio-grid{display:grid;grid-template-columns:400px 1fr;grid-gap:2rem;gap:2rem}.studio-grid-wide{display:grid;grid-template-columns:420px 1fr;grid-gap:2rem;gap:2rem}@media (max-width:1200px){.app-header{padding:0 1.25rem}.tenant-badge span{display:none}.tenant-badge{padding:.35rem}}@media (max-width:1024px){.studio-grid,.studio-grid-wide{grid-template-columns:1fr;gap:1.5rem}}.mobile-menu-btn{display:none}@media (max-width:860px){.mobile-menu-btn{display:block}.app-header{height:auto;padding:.85rem 1rem;flex-direction:column;align-items:stretch;gap:.75rem}.brand-logo,.nav-links{justify-content:flex-start}.nav-links{overflow-x:auto;white-space:nowrap;padding-bottom:4px}.header-right{display:none}.filter-pills{overflow-x:auto;max-width:100%;white-space:nowrap}.modal-card{width:92%;padding:1.25rem}}@media (max-width:600px){.nav-link span{display:none}.nav-link{padding:.5rem}}