:root{color-scheme:dark;--bg:#080b11;--panel:#111722;--panel2:#171f2d;--line:#263145;--text:#f6f8fc;--muted:#9ca8bb;--green:#70e1b4;--blue:#72a7ff;--red:#ff6b75}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#192841 0,var(--bg) 48%)}.auth-card{width:min(460px,100%);padding:42px;border:1px solid var(--line);border-radius:24px;background:rgba(17,23,34,.96);box-shadow:0 30px 90px #0008}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#4178ff,#6ee7b7);font-weight:900}.eyebrow,.nav-label{margin:24px 0 7px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--green)}h1{margin:0;font-size:clamp(32px,5vw,48px);letter-spacing:-.04em;line-height:1.06}.muted,.fine{color:var(--muted);line-height:1.6}.fine{font-size:13px;margin-top:20px}.alert{margin:20px 0;padding:13px 15px;border:1px solid #7a3440;border-radius:10px;background:#351820;color:#ffb5bc}.alert.success{border-color:#245d4b;background:#123126;color:var(--green)}
form{display:grid;gap:17px;margin-top:26px}label{display:grid;gap:8px;font-size:14px;font-weight:700}input{width:100%;border:1px solid var(--line);border-radius:11px;padding:13px 14px;background:#0b1019;color:var(--text);outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #72a7ff22}button{border:0;border-radius:11px;padding:13px 18px;background:linear-gradient(135deg,#5d8cff,#6ee7b7);color:#071018;font-weight:900;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}
.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:#0c111a}.logo{font-size:21px;font-weight:950}.logo span{color:var(--green)}.account{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:14px}.account form{margin:0}.text-button{padding:0;background:none;color:var(--green)}.alert-button{padding:8px 11px;border:1px solid #2d4567;background:#142138;color:#b9d2ff;font-size:12px}.alert-button:disabled{border-color:#245d4b;background:#123126;color:var(--green);opacity:1}
.shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 72px)}aside{padding:25px 18px;border-right:1px solid var(--line);background:#0c111a}aside .nav-label{margin:0 12px 12px}aside a{display:block;padding:11px 13px;margin:4px 0;border-radius:9px;color:var(--muted);font-size:14px;font-weight:650}aside a:hover,aside a.active{background:var(--panel2);color:var(--text)}
.dashboard{padding:40px;max-width:1380px;width:100%;margin:auto}.heading,.panel-head,.goal{display:flex;align-items:center;justify-content:space-between;gap:24px}.heading .eyebrow{margin:0 0 8px}.status-pill{padding:8px 12px;border:1px solid #245d4b;border-radius:999px;color:var(--green);font-size:13px;font-weight:800}.goal{margin:30px 0 20px;padding:25px;border:1px solid #2d4567;border-radius:18px;background:linear-gradient(135deg,#142138,#101722)}.goal .nav-label{margin:0 0 7px}.goal h2,.panel h2{margin:0;font-size:22px}.goal-number{font-size:42px;font-weight:950;color:var(--green);text-align:right}.goal-number small{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-grid article,.panel{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.metric-grid span,.metric-grid small{display:block;color:var(--muted);font-size:13px}.metric-grid strong{display:block;margin:9px 0;font-size:32px}.panel{margin-top:20px}.panel-head .nav-label{margin:0 0 6px}.empty{padding:44px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:18px}.empty p{margin-bottom:0}.action-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line)}.action-row small{display:block;color:var(--muted);margin-top:4px}.priority{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--blue)}.priority.high{background:var(--red)}.priority.low{background:var(--green)}.action-content{flex:1;min-width:0}.action-content p{color:var(--muted);line-height:1.5}.action-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0}.action-controls button{padding:8px 11px;font-size:12px}.secondary-button{border:1px solid #2d4567;background:#142138;color:#b9d2ff}.approval-panel{margin-top:20px}.approval-item{padding:22px 0;border-top:1px solid var(--line)}.approval-item h3{margin:10px 0 12px;font-size:19px}.approval-meta{display:flex;justify-content:space-between;gap:16px;color:var(--green);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.approval-meta small{color:var(--muted);text-transform:none;letter-spacing:0}.draft-content{padding:16px;border:1px solid var(--line);border-radius:12px;background:#0b1019;color:#dce4f2;line-height:1.6}.approval-note{color:var(--muted);line-height:1.5}.approval-controls{display:flex;gap:9px;margin:14px 0 0}.approval-controls button{padding:9px 14px}.content-library{margin-top:30px}.library-item{padding:24px 0;border-top:1px solid var(--line)}.library-item:first-child{border-top:0}.library-item h2{margin:10px 0 14px}.library-controls{display:flex;align-items:center;gap:12px;margin-top:14px}.secondary-link{padding:9px 13px;border:1px solid #2d4567;border-radius:10px;color:#b9d2ff;font-size:13px;font-weight:800}
@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}aside{display:none}.dashboard{min-width:0;padding:25px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.topbar{height:auto;min-height:72px;align-items:flex-start;flex-wrap:wrap;padding:12px 16px;gap:10px}.logo{width:100%;font-size:20px}.account{width:100%;display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.account span{display:none}.account form{min-width:0}.account .alert-button{width:100%;height:100%;padding:9px 8px}.account .text-button{padding:9px 4px;white-space:nowrap}.dashboard{padding:20px 14px}.heading,.goal,.panel-head{align-items:flex-start;flex-direction:column}.goal{padding:20px}.goal-number{text-align:left}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-grid article{min-width:0;padding:15px}.metric-grid strong{font-size:28px}.metric-grid small{overflow-wrap:anywhere}.action-row{align-items:flex-start;flex-wrap:wrap}.action-content{width:calc(100% - 23px)}.action-content p,.draft-content{overflow-wrap:anywhere}.action-controls{width:100%;justify-content:flex-start;padding-left:23px}.approval-meta{align-items:flex-start;flex-direction:column;gap:5px}.library-controls{align-items:stretch;flex-direction:column}.library-controls button,.library-controls a{text-align:center}.auth-card{padding:28px}}
@media(max-width:380px){.metric-grid{grid-template-columns:1fr}.account{grid-template-columns:1fr 1fr}.account form:last-child{grid-column:1/-1}.account .text-button{width:100%;text-align:left}}

.seo-preview{display:grid;gap:6px;margin:10px 0;padding:12px;border:1px solid #2d4567;border-radius:10px;background:#101a2b;color:var(--muted);font-size:13px}.seo-preview strong{color:var(--text)}.draft-clamp{max-height:260px;overflow:hidden;position:relative}.draft-clamp:after{content:"";position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,#0b1019)}.article-review{max-width:1080px}.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 0}.seo-grid>div{padding:14px;border:1px solid var(--line);border-radius:11px;background:#0b1019}.seo-grid .wide{grid-column:1/-1}.seo-grid dt{color:var(--green);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.seo-grid dd{margin:7px 0 0;line-height:1.5;overflow-wrap:anywhere}.long-form{white-space:normal}.review-copy,.review-block p{color:var(--muted);line-height:1.65}.review-block{padding:16px 0;border-top:1px solid var(--line)}.review-block small{display:block;margin-top:5px;color:var(--green);overflow-wrap:anywhere}.sticky-review{position:sticky;bottom:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#0c111aee;backdrop-filter:blur(12px);z-index:4}
@media(max-width:600px){.seo-grid{grid-template-columns:1fr}.seo-grid .wide{grid-column:auto}.article-review{padding-bottom:90px}.sticky-review{align-items:stretch;flex-direction:column}.sticky-review button{width:100%}.approval-controls{flex-wrap:wrap}.approval-controls .secondary-link{width:100%;text-align:center}}

.review-hero{display:block;width:100%;max-height:440px;object-fit:cover;margin:18px 0;border:1px solid var(--line);border-radius:14px;background:#080b11}

.heading-status{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.warning-pill{border-color:#7a5b2e;color:#ffd27d;background:#2b2112}
@media(max-width:600px){.heading-status{justify-content:flex-start}}

.panel-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.panel-actions form{margin:0}.panel-actions button{padding:9px 13px;font-size:13px}
@media(max-width:600px){.panel-actions{width:100%;justify-content:flex-start}.panel-actions form,.panel-actions button{width:100%}}


.processing-overlay[hidden]{display:none}.processing-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(4,7,12,.82);backdrop-filter:blur(6px)}.processing-card{width:min(440px,100%);padding:30px;border:1px solid #355177;border-radius:18px;background:#111b2a;box-shadow:0 30px 90px #000b;text-align:center}.processing-card h2{margin:16px 0 8px}.processing-card p{margin:0;color:var(--text);line-height:1.5}.processing-card small{display:block;margin-top:10px;color:var(--muted)}.processing-spinner{display:block;width:46px;height:46px;margin:auto;border:4px solid #30415d;border-top-color:var(--green);border-radius:50%;animation:processing-spin .8s linear infinite}.processing-active{overflow:hidden}@keyframes processing-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.processing-spinner{animation-duration:1.8s}}


.quality-warning{margin:18px 0;padding:16px 18px;border:1px solid #9a4954;border-radius:12px;background:#3a1c24;color:#ffc1c7}.quality-warning strong{display:block;margin-bottom:8px}.quality-warning ul{margin:8px 0 0;padding-left:20px}.quality-warning li{margin:5px 0}.quality-warning p{margin:10px 0 0}.rendered-markdown{white-space:normal}.rendered-markdown h2,.rendered-markdown h3{margin:1.4em 0 .55em}.rendered-markdown p,.rendered-markdown li{color:var(--muted);line-height:1.7}.rendered-markdown a{color:var(--green);text-decoration:underline}