@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-heading:"Outfit", "Inter", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--bg-primary:240 10% 3.9%;--bg-secondary:240 10% 7.8%;--glass-bg:0 0% 100% / .03;--glass-border:0 0% 100% / .08;--glass-border-hover:0 0% 100% / .16;--color-indigo:250 95% 76%;--color-cyan:190 95% 68%;--color-pink:330 95% 68%;--accent-gradient:linear-gradient(135deg, #9b88fc 0%, #60e1fb 50%, #fb60ad 100%);--accent-gradient-hover:linear-gradient(135deg, #b4a5fd 0%, #88e9fc 50%, #fc88c2 100%);--text-primary:0 0% 98%;--text-secondary:240 5% 64.9%;--text-muted:240 5% 45%;--color-success:142 76% 45%;--color-warning:38 92% 50%;--color-error:0 84% 60%;--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:24px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--box-shadow-glow:0 8px 32px 0 #6366f126}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:hsl(var(--bg-primary));color:hsl(var(--text-primary));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#180a5c26 0,#0000 50%),radial-gradient(at 100% 100%,#5c0a331f 0,#0000 50%),radial-gradient(#083b4514 0,#0000 60%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid hsl(var(--glass-border));z-index:100;background:#0d0d1299;flex-direction:column;width:280px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{align-items:center;gap:12px;padding:28px 24px;display:flex}.sidebar-logo-glow{background:var(--accent-gradient);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:800;display:flex;box-shadow:0 0 16px 2px #6366f166}.sidebar-title{background:var(--accent-gradient);-webkit-text-fill-color:transparent;font-size:20px;font-weight:700;font-family:var(--font-heading);-webkit-background-clip:text}.sidebar-menu{flex-direction:column;flex:1;gap:6px;padding:12px 16px;list-style:none;display:flex}.sidebar-item{color:hsl(var(--text-secondary));border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-item:hover{color:hsl(var(--text-primary));background:#ffffff0d}.sidebar-item.active{color:#fff;background:#6366f126;border:1px solid #6366f14d}.sidebar-item.active:before{content:"";background:var(--accent-gradient);border-radius:0 4px 4px 0;width:4px;height:70%;position:absolute;top:15%;left:0}.sidebar-footer{border-top:1px solid hsl(var(--glass-border));padding:20px}.sidebar-profile{border-radius:var(--border-radius-sm);border:1px solid hsl(var(--glass-border));background:#ffffff05;align-items:center;gap:12px;padding:8px 12px;display:flex}.avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:600;display:flex}.profile-info{flex-direction:column;display:flex}.profile-name{font-size:13px;font-weight:600}.profile-role{color:hsl(var(--text-secondary));font-size:11px}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:40px;overflow-y:auto}.view-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.view-title-group h1{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:32px;font-weight:800}.view-title-group p{color:hsl(var(--text-secondary));font-size:14px}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid hsl(var(--glass-border));border-radius:var(--border-radius-md);transition:var(--transition-smooth);background:#ffffff05;padding:24px;box-shadow:0 4px 20px #0003}.glass-card:hover{border-color:hsl(var(--glass-border-hover));background:#ffffff08;transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--accent-gradient);opacity:0;width:100%;height:3px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.stat-card:hover:after{opacity:1}.stat-info{flex-direction:column;gap:4px;display:flex}.stat-label{color:hsl(var(--text-secondary));text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:500}.stat-value{font-size:28px;font-weight:700;font-family:var(--font-heading)}.stat-icon-box{border:1px solid hsl(var(--glass-border));width:48px;height:48px;color:hsl(var(--color-indigo));transition:var(--transition-smooth);background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;display:flex}.stat-card:hover .stat-icon-box{background:#6366f126;border-color:#6366f14d;transform:scale(1.05)}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:24px;margin-bottom:32px;display:grid}.logs-container{flex-direction:column;gap:12px;max-height:400px;padding-right:4px;display:flex;overflow-y:auto}.log-item{border-radius:var(--border-radius-sm);transition:var(--transition-smooth);background:#00000026;border:1px solid #ffffff08;gap:12px;padding:12px;font-size:12px;line-height:1.5;animation:.3s ease-out slideUp;display:flex}.log-item:hover{background:#ffffff08}.log-item.info{border-left:3px solid #38bdf8}.log-item.success{border-left:3px solid #10b981}.log-item.warning{border-left:3px solid #f59e0b}.log-item.error{border-left:3px solid #ef4444}.log-time{color:hsl(var(--text-muted));white-space:nowrap}.log-category{text-transform:uppercase;background:#ffffff0d;border-radius:4px;height:fit-content;padding:2px 6px;font-size:10px;font-weight:700}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}label{color:hsl(var(--text-primary));font-size:13px;font-weight:600}.input-desc{color:hsl(var(--text-secondary));margin-top:-4px;font-size:11px}input,select,textarea{border:1px solid hsl(var(--glass-border));color:#fff;border-radius:var(--border-radius-sm);font-family:var(--font-body);transition:var(--transition-smooth);background:#0000004d;padding:12px 16px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:hsl(var(--color-indigo));background:#0006;outline:none;box-shadow:0 0 0 2px #6366f133}input[type=range]{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:3px;outline:none;height:6px;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:hsl(var(--color-indigo));width:18px;height:18px;transition:var(--transition-smooth);border-radius:50%;box-shadow:0 0 10px #6366f180}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.radio-group{gap:16px;display:flex}.radio-card{border:1px solid hsl(var(--glass-border));border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ffffff03;flex:1;align-items:flex-start;gap:12px;padding:16px;display:flex}.radio-card:hover{background:#ffffff05;border-color:#ffffff26}.radio-card.selected{border-color:hsl(var(--color-indigo));background:#6366f10d}.radio-inner-input{border:2px solid hsl(var(--text-muted));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:flex}.radio-card.selected .radio-inner-input{border-color:hsl(var(--color-indigo))}.radio-card.selected .radio-inner-input:after{content:"";background:hsl(var(--color-indigo));border-radius:50%;width:10px;height:10px}.radio-info{flex-direction:column;gap:4px;display:flex}.radio-title{font-size:13px;font-weight:600}.radio-desc{color:hsl(var(--text-secondary));font-size:11px}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);font-size:14px;font-weight:600;font-family:var(--font-body);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{background:var(--accent-gradient-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-secondary{color:#fff;border:1px solid hsl(var(--glass-border));background:#ffffff0d}.btn-secondary:hover{border-color:hsl(var(--glass-border-hover));background:#ffffff1a}.btn-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440;border-color:#ef444480}.btn-success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.btn-success:hover{background:#10b98140;border-color:#10b98180}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.test-output{border-radius:var(--border-radius-sm);align-items:flex-start;gap:12px;margin-top:16px;padding:16px;font-size:13px;animation:.3s ease-out slideUp;display:flex}.test-output.success{color:#34d399;background:#10b98114;border:1px solid #10b98133}.test-output.error{color:#f87171;background:#ef444414;border:1px solid #ef444433}.test-latency{background:#ffffff0d;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.topics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px;display:grid}.topic-card{flex-direction:column;justify-content:space-between;height:180px;display:flex}.topic-meta{color:hsl(var(--text-secondary));justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.topic-title{margin-bottom:auto;font-size:18px;font-weight:700;line-height:1.4}.stepper{justify-content:space-between;margin-bottom:32px;display:flex;position:relative}.stepper:after{content:"";z-index:1;background:#ffffff1a;height:2px;position:absolute;top:20px;left:30px;right:30px}.step-node{z-index:2;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.step-circle{background:hsl(var(--bg-secondary));width:40px;height:40px;color:hsl(var(--text-secondary));transition:var(--transition-smooth);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.step-node.completed .step-circle{background:hsl(var(--color-indigo));border-color:hsl(var(--color-indigo));color:#fff;box-shadow:0 0 15px #6366f180}.step-node.active .step-circle{background:hsl(var(--bg-primary));border-color:hsl(var(--color-cyan));color:hsl(var(--color-cyan));animation:1.5s infinite pulseGlow;box-shadow:0 0 15px #06b6d480}.step-label{color:hsl(var(--text-secondary));text-align:center;max-width:90px;font-size:11px;font-weight:600}.step-node.active .step-label{color:#fff}.gen-result-layout{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.metadata-panel{flex-direction:column;gap:16px;display:flex}.content-preview-box{border:1px solid hsl(var(--glass-border));border-radius:var(--border-radius-sm);background:#00000040;height:500px;padding:24px;font-size:14px;line-height:1.7;overflow-y:auto}.content-preview-box h1{margin-bottom:16px;font-size:24px}.content-preview-box h2{margin-top:20px;margin-bottom:12px;font-size:20px}.content-preview-box p{color:#d1d5db;margin-bottom:16px}.content-preview-box ul{margin-bottom:16px;padding-left:20px}.content-preview-box li{color:#d1d5db;margin-bottom:8px}.drafts-table-container{margin-top:20px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{border-bottom:2px solid hsl(var(--glass-border));color:hsl(var(--text-secondary));text-transform:uppercase;letter-spacing:.05em;padding:16px;font-size:12px;font-weight:600}td{border-bottom:1px solid hsl(var(--glass-border));padding:16px;font-size:13.5px}tr:hover td{background:#ffffff03}.badge{text-transform:uppercase;border-radius:4px;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-draft{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-approved{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.badge-published{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.style-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:20px;display:grid}.style-option{border:1px solid hsl(var(--glass-border));border-radius:var(--border-radius-sm);cursor:pointer;text-align:center;transition:var(--transition-smooth);background:#ffffff03;padding:12px;font-size:12px;font-weight:600}.style-option:hover{background:#ffffff08}.style-option.selected{border-color:hsl(var(--color-indigo));background:#6366f126;box-shadow:0 0 10px #6366f133}.image-canvas-preview{aspect-ratio:16/9;border:2px dashed hsl(var(--glass-border));border-radius:var(--border-radius-md);color:hsl(var(--text-secondary));background:#0006;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-canvas-preview img{object-fit:contain;width:100%;height:100%}.watermark-overlay{color:#9ca3af;pointer-events:none;background:#000000b3;border:1px solid #ffffff0d;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:500;position:absolute;bottom:12px;right:12px}.media-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.media-card{border-radius:var(--border-radius-md);position:relative;overflow:hidden}.media-card-img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.media-card-info{-webkit-backdrop-filter:blur(10px);border-top:1px solid hsl(var(--glass-border));width:100%;transition:var(--transition-smooth);background:#0d0d12d9;padding:16px;position:absolute;bottom:0;left:0;transform:translateY(100%)}.media-card:hover .media-card-info{transform:translateY(0)}.pipeline-activity{border:1px solid hsl(var(--glass-border));border-radius:var(--border-radius-sm);background:#0003;margin-top:20px;padding:16px;animation:.3s ease-out slideUp}.activity-title{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.loading-bar-container{background:#ffffff0d;border-radius:3px;height:6px;position:relative;overflow:hidden}.loading-bar-fill{background:var(--accent-gradient);border-radius:3px;width:0;height:100%;transition:width .3s ease-out}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:var(--border-radius-lg);border:1px solid hsl(var(--glass-border));width:90%;max-width:800px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 50px #0006}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 0 10px #06b6d466}50%{transform:scale(1.05);box-shadow:0 0 20px #06b6d4b3}to{transform:scale(1);box-shadow:0 0 10px #06b6d466}}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{align-items:center;gap:8px;display:flex}.gap-8{gap:8px;display:flex}.gap-12{gap:12px;display:flex}.margin-top-12{margin-top:12px}.text-muted{color:hsl(var(--text-muted))}.text-secondary{color:hsl(var(--text-secondary))}.pill{border:1px solid hsl(var(--glass-border));color:hsl(var(--text-secondary));background:#ffffff0d;border-radius:20px;padding:4px 10px;font-size:11px}.empty-state{text-align:center;color:hsl(var(--text-secondary));border:1px dashed hsl(var(--glass-border));border-radius:var(--border-radius-md);background:#ffffff01;padding:40px}.auth-wrapper{justify-content:center;align-items:center;min-height:calc(100vh - 40px);padding:20px;animation:.4s ease-out fadeIn;display:flex}.auth-card{-webkit-backdrop-filter:blur(25px);border:1px solid hsl(var(--glass-border));border-radius:var(--border-radius-lg);background:#12121873;width:100%;max-width:440px;padding:40px;animation:.5s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080,inset 0 1px 1px #ffffff1a}.auth-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#9b88fc0d 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.auth-header{text-align:center;margin-bottom:32px}.auth-logo-wrapper{border-radius:var(--border-radius-md);background:var(--accent-gradient);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex;box-shadow:0 0 24px #6366f14d}.auth-title{color:hsl(var(--text-primary));margin-bottom:8px;font-size:24px;font-weight:700}.auth-subtitle{color:hsl(var(--text-secondary));font-size:14px}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-input-group{flex-direction:column;gap:8px;display:flex}.auth-label{color:hsl(var(--text-primary));font-size:13px;font-weight:500}.auth-input{border:1px solid hsl(var(--glass-border));border-radius:var(--border-radius-sm);width:100%;color:hsl(var(--text-primary));transition:var(--transition-smooth);background:#ffffff08;padding:12px 16px;font-family:inherit;font-size:14px}.auth-input:focus{border-color:hsl(var(--color-indigo));background:#ffffff0f;outline:none;box-shadow:0 0 12px #a5b4fc26}.auth-action-link{color:hsl(var(--color-indigo));cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-self:flex-end;font-family:inherit;font-size:13px;text-decoration:none}.auth-action-link:hover{color:hsl(var(--color-cyan));text-shadow:0 0 8px #67e8f94d}.auth-btn{border-radius:var(--border-radius-sm);color:#000;width:100%;font-size:14px;font-weight:600;font-family:var(--font-heading);cursor:pointer;background:var(--accent-gradient);transition:var(--transition-smooth);border:none;margin-top:8px;padding:12px;box-shadow:0 4px 16px #6366f140}.auth-btn:hover{background:var(--accent-gradient-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.auth-btn:active{transform:translateY(0)}.auth-alert{border-radius:var(--border-radius-sm);padding:12px 16px;font-size:13px;line-height:1.5}.auth-alert.error{color:hsl(var(--color-error));background:#ef44441a;border:1px solid #ef444433}.auth-alert.success{color:hsl(var(--color-success));background:#10b9811a;border:1px solid #10b98133}.auth-back-btn{color:hsl(var(--text-secondary));cursor:pointer;width:fit-content;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:6px;margin-top:20px;margin-left:auto;margin-right:auto;font-family:inherit;font-size:13px;display:flex}.auth-back-btn:hover{color:hsl(var(--text-primary))}.signout-btn{color:hsl(var(--color-error));border-radius:var(--border-radius-sm);cursor:pointer;width:100%;transition:var(--transition-smooth);text-align:center;background:#ef444414;border:1px solid #ef444433;margin-top:10px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;display:block}.signout-btn:hover{background:#ef444426;border-color:#ef444466;box-shadow:0 0 10px #ef44441a}.table-compact th{padding:10px 12px!important;font-size:11px!important}.table-compact td{padding:8px 12px!important;font-size:12.5px!important}