:root{--bg:#0b0e12;--panel:#11161d;--panel2:#151c24;--line:#242d38;--muted:#8793a3;--text:#f4f6f8;--accent:#d8a65b;--accent2:#f3c777;--green:#56c596;--red:#ef7070;--blue:#75a7ff;--orange:#e9a85f}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}.hidden{display:none!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% -20%,rgba(216,166,91,.12),transparent 34%),radial-gradient(circle at 20% 110%,rgba(71,105,147,.08),transparent 30%)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr);position:relative}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:230px;border-right:1px solid var(--line);background:rgba(10,13,17,.95);backdrop-filter:blur(14px);padding:24px 15px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 25px}.brand strong{font-family:Georgia,serif;font-size:17px}.brand small{display:block;color:var(--muted);margin-top:3px}.brand-mark{height:39px;width:39px;border:1px solid #6f5938;background:linear-gradient(145deg,#2a2115,#12100d);display:grid;place-items:center;color:var(--accent2);font:bold 10px Georgia,serif;letter-spacing:1px;border-radius:8px}
nav{display:grid;gap:5px}.nav-item,.nav-link{width:100%;border:0;background:transparent;color:#aeb8c4;text-decoration:none;display:flex;align-items:center;gap:11px;border-radius:8px;padding:11px 12px;cursor:pointer;text-align:left}.nav-item:hover,.nav-item.active,.nav-link:hover{background:#171e27;color:white}.nav-item.active{box-shadow:inset 2px 0 var(--accent)}.nav-item b{margin-left:auto;min-width:21px;text-align:center;padding:2px 6px;border-radius:20px;background:#2c2020;color:#ffabab;font-size:11px}.sidebar-bottom{margin-top:auto;display:grid;gap:15px}.engine-state{border:1px solid var(--line);border-radius:9px;padding:11px;display:flex;gap:9px;align-items:center}.engine-state strong{display:block;font-size:12px}.engine-state small{color:var(--muted);font-size:11px}.dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 9px currentColor}.dot.online{background:var(--green)}.dot.offline{background:var(--red)}
.main{grid-column:2;padding:32px 38px 70px;min-width:0;transition:padding-right .25s}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:34px}.eyebrow{font-size:10px;color:var(--accent);letter-spacing:2px;font-weight:800;margin:0 0 7px}.topbar h1{margin:0;font:34px Georgia,serif;font-weight:400}.top-actions{display:flex;gap:8px}.btn{border:1px solid var(--line);background:#171e26;color:white;padding:9px 13px;border-radius:7px;cursor:pointer}.btn:hover{border-color:#3a4655}.btn.primary{background:var(--accent);color:#15110b;border-color:var(--accent);font-weight:750}.btn.ghost{background:transparent}.btn.approve{border-color:#315f4d;color:#8de0b8;background:#102019}.btn.locked{opacity:.45;cursor:not-allowed}
.view{display:none}.view.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:35px}.stat{background:linear-gradient(180deg,#131920,#10151b);border:1px solid var(--line);border-radius:10px;padding:19px}.stat span{color:var(--muted);font-size:12px}.stat strong{display:block;font:30px Georgia,serif;margin:9px 0}.stat small{color:#647080}.section-head{display:flex;justify-content:space-between;align-items:end;margin:23px 0 14px}.section-head h2{margin:0 0 4px;font:22px Georgia,serif}.section-head p,.last-sync{margin:0;color:var(--muted);font-size:12px}
.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px}.episode-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:17px;cursor:pointer;transition:.18s}.episode-card:hover{transform:translateY(-2px);border-color:#44505e}.card-top{display:flex;justify-content:space-between;gap:10px}.episode-id{font:16px Georgia,serif;word-break:break-word}.stage-label{color:var(--muted);font-size:11px;margin-top:4px}.status-pill{font-size:10px;text-transform:uppercase;letter-spacing:.8px;padding:5px 7px;border-radius:20px;background:#1d2731;color:#b9c7d5;white-space:nowrap;height:max-content}.status-pill.ready_for_review{background:#17291f;color:#84dfac}.status-pill.blocked,.status-pill.failed{background:#321b1c;color:#ffa2a2}.status-pill.revision_requested{background:#302817;color:#f5c77e}.status-pill.working{background:#172639;color:#9fc6ff}.mini-progress{height:5px;background:#222a34;border-radius:10px;margin:17px 0 8px;overflow:hidden}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#9c7742,var(--accent2));border-radius:inherit}.card-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.card-message{font-size:12px;color:#c7ced6;min-height:34px;margin:12px 0 0}.empty-state{border:1px dashed #303945;border-radius:12px;padding:55px;text-align:center;color:var(--muted)}.empty-state h3{color:white;font:20px Georgia,serif;margin:10px}.empty-icon{font-size:34px;color:var(--accent)}
.table-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto;background:var(--panel)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}tbody tr{cursor:pointer}tbody tr:hover{background:#151c24}.table-progress{width:100px;height:5px;background:#242d37;border-radius:5px;overflow:hidden}.table-progress i{display:block;height:100%;background:var(--accent)}
.review-list{display:grid;gap:10px}.review-item{display:flex;align-items:center;gap:14px;padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:9px;cursor:pointer}.review-item .review-icon{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#1a2c22;color:var(--green)}.review-item strong{display:block}.review-item small{color:var(--muted)}.review-item .chev{margin-left:auto;color:var(--muted)}
.publish-hero{display:flex;gap:20px;align-items:center;background:linear-gradient(130deg,#161c23,#171713);border:1px solid var(--line);padding:25px;border-radius:12px}.metricool-mark{height:65px;width:65px;border-radius:14px;display:grid;place-items:center;background:#25212e;color:#e8b9ff;font:bold 27px Georgia}.publish-hero h2{font:28px Georgia;margin:3px 0 7px}.publish-hero p{color:var(--muted);max-width:700px;margin:0}.publish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:14px}.publish-grid article{border:1px solid var(--line);background:var(--panel);padding:20px;border-radius:10px}.publish-grid h3{font:18px Georgia}.publish-grid p{font-size:12px;color:var(--muted);line-height:1.6}.lock{filter:grayscale(1);opacity:.7}
.detail-panel{position:fixed;z-index:30;top:0;right:-470px;width:460px;height:100vh;background:#0e1319;border-left:1px solid var(--line);box-shadow:-20px 0 70px rgba(0,0,0,.35);transition:right .25s;display:flex;flex-direction:column}.detail-panel.open{right:0}.detail-panel.open~*{}.detail-head{display:flex;justify-content:space-between;padding:25px;border-bottom:1px solid var(--line)}.detail-head h2{font:21px Georgia;margin:0;word-break:break-word}.icon-btn{height:32px;width:32px;border:1px solid var(--line);background:#151b22;color:white;border-radius:6px;font-size:20px;cursor:pointer}.detail-scroll{padding:20px 22px 35px;overflow:auto}.overall-progress>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.progress{height:7px;background:#202832;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#97713e,var(--accent2));transition:width .35s}.pipeline{display:grid;margin:24px 0}.pipe-stage{display:grid;grid-template-columns:20px 1fr auto;gap:10px;min-height:38px;position:relative;font-size:12px;color:#6f7b88}.pipe-stage:after{content:"";position:absolute;left:7px;top:21px;bottom:-2px;width:1px;background:#27303a}.pipe-stage:last-child:after{display:none}.pipe-dot{width:15px;height:15px;border:2px solid #3a4552;background:#0e1319;border-radius:50%;z-index:1}.pipe-stage.done{color:#c8d0d8}.pipe-stage.done .pipe-dot{background:var(--green);border-color:var(--green)}.pipe-stage.active{color:white;font-weight:700}.pipe-stage.active .pipe-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px rgba(216,166,91,.12)}.pipe-stage small{font-weight:400;color:var(--muted)}
.detail-section{border-top:1px solid var(--line);padding:19px 0}.section-mini{display:flex;justify-content:space-between;align-items:center}.section-mini h3{font:16px Georgia;margin:0 0 12px}.section-mini>span:not(.status-pill){font-size:10px;color:var(--muted)}.message-box{background:#151c24;border-left:2px solid var(--accent);padding:11px 12px;font-size:12px;line-height:1.5;color:#cdd3da}.warning-box{background:#261b16;border:1px solid #4d3324;color:#f4ba87;border-radius:7px;padding:10px;font-size:12px}.asset-list{display:grid;gap:7px}.asset{display:flex;justify-content:space-between;gap:10px;padding:9px;background:#151b22;border-radius:6px;font-size:11px}.asset a{color:var(--blue)}.muted{color:var(--muted);font-size:12px}
.chat-log{min-height:110px;max-height:220px;overflow:auto;display:grid;gap:8px;margin-bottom:10px}.chat-system,.chat-user{padding:9px 10px;border-radius:8px;font-size:11px;line-height:1.5}.chat-system{background:#151c24;color:#aab6c2}.chat-user{background:#2b2418;color:#f4d6a2;margin-left:35px}.chat-form textarea{width:100%;resize:vertical;background:#0a0f14;color:white;border:1px solid #2b3540;border-radius:7px;padding:10px;outline:none}.chat-form textarea:focus{border-color:#78613d}.chat-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}.cost-section{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cost-section div{background:#151b22;padding:10px;border-radius:7px}.cost-section span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.cost-section strong{font:15px Georgia}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);background:#192129;border:1px solid #34404c;color:white;padding:10px 15px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:100;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:#633438;background:#2d191b}
.auth-page{display:grid;place-items:center;padding:30px}.auth-card{width:min(410px,100%);background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:30px}.auth-card .brand-mark{margin-bottom:18px}.auth-card h1{font:28px Georgia;margin:0 0 7px}.auth-card p{color:var(--muted);font-size:13px}.auth-card form{display:grid;gap:14px;margin-top:25px}.auth-card label{display:grid;gap:6px;color:#b9c2cb;font-size:12px}.auth-card input{background:#0c1117;border:1px solid var(--line);border-radius:7px;padding:11px;color:white}.alert{padding:9px;border-radius:6px;font-size:12px}.alert.error{background:#301a1c;color:#ffafaf}
@media(max-width:900px){.app-shell{grid-template-columns:70px 1fr}.sidebar{width:70px;padding:20px 8px}.brand>div:last-child,.nav-item span,.sidebar-bottom .engine-state div,.nav-link{display:none}.brand{justify-content:center;padding:0 0 20px}.nav-item{justify-content:center;font-size:0}.nav-item:first-letter{font-size:16px}.main{grid-column:2;padding:24px 18px}.stats-grid{grid-template-columns:1fr 1fr}.publish-grid{grid-template-columns:1fr}.detail-panel{width:min(460px,100vw)}}@media(max-width:580px){.topbar{display:block}.top-actions{margin-top:15px}.stats-grid{grid-template-columns:1fr}.episode-grid{grid-template-columns:1fr}.cost-section{grid-template-columns:1fr}}