:root{--nav:#071a27;--nav2:#063b3d;--ink:#07192b;--muted:#617286;--teal:#009b8e;--mint:#dff8f2;--line:#dce9e8;--bg:#f3f9f8;--card:#fff;--danger:#b73a3a;--warn:#a86100}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;color:var(--ink);background:var(--bg);display:flex;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:230px;background:linear-gradient(180deg,var(--nav),var(--nav2));color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:5}.brand{display:grid;grid-template-columns:48px 1fr;color:#fff;text-decoration:none;border-bottom:1px solid #ffffff22;padding:5px 4px 17px;margin-bottom:12px}.mark{grid-row:1/3;width:42px;height:42px;border:1px solid #ffffff55;border-radius:12px;display:grid;place-items:center;font-weight:900}.brand strong{font-family:Georgia,serif;font-style:italic;font-size:17px}.brand small{color:#71e0cd;font-weight:800;margin-top:5px}nav{overflow:auto;padding-right:3px}nav a,.logout{display:block;color:#d6e0e5;text-decoration:none;padding:10px 12px;margin:2px 0;border-radius:11px;font-size:13px;font-weight:750}nav a:hover,nav a.active{background:#ffffff14;color:#fff;border-left:3px solid #2ed8c2}.logout{margin-top:auto;background:#ffffff0d}main{margin-left:230px;width:calc(100% - 230px);min-height:100vh}header{height:96px;background:#fff;border-bottom:1px solid var(--line);padding:20px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:4}.eyebrow{font-size:10px;letter-spacing:.16em;color:#087f75;font-weight:900}header h2{margin:6px 0 0;font-size:20px}.user{background:#e8faf6;border:1px solid #bcecdf;border-radius:999px;padding:8px 13px;font-weight:800}.user small{color:var(--muted)}.page{padding:28px;max-width:1220px;margin:auto}footer{padding:30px;text-align:center;font-size:12px;color:var(--muted)}h1{font-size:38px;line-height:1.05;margin:4px 0 10px}h2,h3{line-height:1.2}.lead{font-size:16px;color:var(--muted);max-width:880px;line-height:1.6}.hero{background:linear-gradient(135deg,#fff 30%,#dff8f2);border:1px solid var(--line);border-radius:24px;padding:28px;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 12px 30px #0b3b3b0a}.metric{background:linear-gradient(135deg,#071b31,#075a58);color:#fff;min-height:115px}.metric strong{font-size:28px;display:block;margin:5px 0}.metric small{color:#cbe4e2}.section{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin:18px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.section h3{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--teal);color:white;padding:11px 17px;text-decoration:none;font-weight:850;cursor:pointer;font-size:14px}.btn.secondary{background:#fff;color:#087f75;border:1px solid #9addd3}.btn.dark{background:#07343c}.btn.danger{background:#a43131}.btn.small{padding:7px 11px;font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}label{font-weight:850;font-size:13px;display:block;margin:10px 0 6px}input,textarea,select{width:100%;border:1px solid #bfd7d7;border-radius:12px;padding:12px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:110px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.alert{border-radius:14px;padding:13px 16px;margin-bottom:18px;background:#e6faf4;border:1px solid #70d8bf}.alert.error{background:#fff0f0;border-color:#e7a2a2;color:#8f2525}.alert.warning{background:#fff7e9;border-color:#efc272;color:#805000}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf2f4;font-size:11px;font-weight:900;text-transform:uppercase}.badge.connected,.badge.completed,.badge.approved,.badge.wp_drafted{background:#d9f7ec;color:#087c62}.badge.configured,.badge.ready_for_review,.badge.queued{background:#e7f4ff;color:#256c9c}.badge.partial,.badge.warning,.badge.retry_wait,.badge.quality_hold{background:#fff1d6;color:#975a00}.badge.missing,.badge.failed,.badge.dead_letter,.badge.rejected{background:#ffe5e5;color:#9a3030}.badge.operational{background:#d9f7ec;color:#087c62}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #e7efef;vertical-align:top}th{font-size:11px;letter-spacing:.05em;color:#63717e;text-transform:uppercase}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.empty h3{color:var(--ink)}.confidence{display:grid;grid-template-columns:180px 1fr 55px;gap:10px;align-items:center;margin:8px 0}.bar{height:9px;background:#e6eeee;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--teal)}.correction{border:1px solid #bde7df;background:#f5fffc;padding:15px;border-radius:15px;margin:10px 0}.correction .reason{color:var(--muted);font-size:13px}.warning-box{border:1px solid #efc272;background:#fff8ec;padding:15px;border-radius:14px}.error-detail{font-family:ui-monospace,monospace;font-size:12px;white-space:pre-wrap}.product-card{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:start}.product-card img{width:90px;height:90px;object-fit:contain;border:1px solid var(--line);border-radius:14px}.score{font-size:28px;font-weight:900;color:#07877c}.login{display:grid;place-items:center;width:100%;min-height:100vh;background:radial-gradient(circle at top right,#a9eee2,transparent 35%),linear-gradient(140deg,#061925,#07504e)}.login-card{width:min(440px,92vw);background:#fff;border-radius:25px;padding:30px;box-shadow:0 30px 80px #0005}.login-card h1{font-size:30px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs a{padding:8px 12px;border-radius:999px;background:#edf6f5;text-decoration:none;color:#075b55;font-weight:800}.kpi-row{display:flex;gap:14px;flex-wrap:wrap}.kpi{border-left:4px solid var(--teal);padding:8px 15px;background:#f7fbfb;border-radius:8px;min-width:150px}.kpi strong{display:block;font-size:22px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,monospace;font-size:12px}.nowrap{white-space:nowrap}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){aside{width:74px;padding:12px 8px}.brand strong,.brand small,nav a{font-size:0}.brand{grid-template-columns:1fr}.mark{margin:auto}.brand small{display:none}nav a:before{content:attr(href);font-size:8px;word-break:break-all}.logout{font-size:0}.logout:after{content:'OUT';font-size:10px}main{margin-left:74px;width:calc(100% - 74px)}header{padding:15px;height:82px}.page{padding:15px}h1{font-size:30px}.grid,.grid.three,.grid.two,.form-grid{grid-template-columns:1fr}.product-card{grid-template-columns:65px 1fr}.product-card img{width:65px;height:65px}.product-card>.score{grid-column:2}.confidence{grid-template-columns:1fr 45px}.confidence label{grid-column:1/3}.section{padding:16px}}