:root{color:#172033;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f4f6f8;--surface: #ffffff;--surface-soft: #f8fafc;--ink: #172033;--muted: #667085;--line: #d9e0e8;--line-strong: #c8d2df;--brand: #116c64;--brand-dark: #0d4e49;--accent: #d89b25;--danger: #b4233a;--danger-bg: #fff0f2;--success: #067647;--success-bg: #ecfdf3;--warning: #946200;--warning-bg: #fff6dc;--shadow: 0 18px 50px rgba(16, 24, 40, .08)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}.login-page{align-items:center;background:linear-gradient(120deg,#0d4e49db,#172033b8),url(https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1800&q=82);background-position:center;background-size:cover;display:flex;min-height:100vh;padding:40px}.login-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid rgba(255,255,255,.64);border-radius:8px;box-shadow:0 34px 90px #080f1c47;display:grid;gap:28px;max-width:500px;padding:38px}.login-panel h1{color:var(--ink);font-size:clamp(34px,5vw,52px);letter-spacing:0;line-height:1.02;margin:0 0 14px}.eyebrow{color:var(--brand);font-size:12px;font-weight:850;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.muted{color:var(--muted);line-height:1.6;margin:0}.login-form,.stacked-forms{display:grid;gap:14px}label{color:#344054;display:grid;font-size:13px;font-weight:750;gap:7px}input,select,textarea{background:#fff;border:1px solid var(--line-strong);border-radius:7px;color:var(--ink);min-height:44px;outline:none;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}input[type=file]{padding:10px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #116c6421}textarea{min-height:116px;resize:vertical}.primary-button,.ghost-button,.danger-button,.icon-button,.sidebar button{align-items:center;border-radius:7px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:40px;padding:0 13px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;white-space:nowrap}.primary-button{background:var(--brand);border:1px solid var(--brand);color:#fff}.primary-button:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.ghost-button{background:#f0f7f6;border:1px solid #cbe4e1;color:var(--brand-dark)}.ghost-button:hover{background:#e4f1ef}.danger-button{background:var(--danger-bg);border:1px solid #ffd1d8;color:var(--danger)}.danger-button:hover{background:#ffe4e8}.form-error{background:var(--danger-bg);border:1px solid #ffd1d8;border-radius:7px;color:var(--danger);font-weight:750;margin:0;padding:10px 12px}.app-shell{background:radial-gradient(circle at top left,rgba(17,108,100,.08),transparent 34%),linear-gradient(180deg,#f7f9fb 0%,var(--bg) 100%);display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);color:var(--ink);display:flex;flex-direction:column;gap:28px;min-height:100vh;padding:24px 18px;position:sticky;top:0}.brand{align-items:center;display:flex;gap:12px;min-height:48px;padding:0 6px}.brand-mark{align-items:center;background:linear-gradient(135deg,var(--brand),#1f9a8d);border-radius:8px;box-shadow:0 10px 22px #116c6438;color:#fff;display:flex;flex:0 0 44px;font-weight:900;height:44px;justify-content:center;width:44px}.brand strong{display:block;font-size:15px}.brand span{color:var(--muted);display:block;font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:6px}.sidebar button{background:transparent;border:1px solid transparent;color:#475467;justify-content:flex-start;min-height:44px;padding:0 12px}.sidebar button.active{background:#eef7f6;border-color:#cbe4e1;color:var(--brand-dark)}.sidebar button:hover{background:#f3f6f8;color:var(--ink)}.logout{margin-top:auto}.workspace{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f6f8d1;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:78px;padding:18px clamp(20px,3vw,34px);position:sticky;top:0;z-index:5}.topbar h2{color:var(--ink);font-size:20px;line-height:1.2;margin:0}.role-pill,.status{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:850;justify-content:center;min-height:28px;padding:6px 10px}.role-pill{background:#fff7e6;border:1px solid #f6d797;color:#8a5a00}.panel{align-content:start;display:grid;gap:18px;padding:clamp(20px,3vw,34px)}.panel-header{align-items:center;display:flex;gap:16px;justify-content:space-between;min-height:44px}.panel h1{color:var(--ink);font-size:clamp(24px,3vw,32px);letter-spacing:0;line-height:1.15;margin:0}.icon-button{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);color:#344054;padding:0;width:42px}.icon-button:hover{border-color:var(--line-strong);box-shadow:0 8px 18px #10182814}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(180px,1fr))}.inline-form,.editor-form{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:12px;padding:16px}.inline-form{align-items:end;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.inline-form .primary-button,.inline-form .ghost-button,.inline-form .danger-button{align-self:stretch}.meta-form{grid-template-columns:minmax(220px,1fr) minmax(190px,auto)}.form-note{background:#eef7f6;border:1px solid #cbe4e1;border-radius:7px;color:var(--brand-dark);font-weight:800;margin:0;padding:10px 12px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.file-field{background:var(--surface-soft);border:1px dashed var(--line-strong);border-radius:8px;padding:12px}.file-field small{color:var(--muted);font-weight:700}.metric-card,.account-card,.budget-bar,.row-item,.media-strip{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.metric-card{display:grid;gap:10px;min-height:138px;padding:20px}.metric-card svg{color:var(--brand)}.metric-card span{color:var(--muted);font-size:13px;font-weight:750}.metric-card strong{color:var(--ink);font-size:34px;line-height:1}.budget-bar{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.budget-bar div{display:grid;gap:6px}.budget-bar span{color:var(--muted);font-size:13px;font-weight:800}.budget-bar strong{font-size:26px}.table-list{display:grid;gap:10px}.row-item{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;min-height:74px;padding:16px 18px}.row-item strong{color:var(--ink);display:block;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.row-item span{color:var(--muted);display:block;font-size:13px;line-height:1.45;margin-top:4px;overflow-wrap:anywhere}.row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status{background:#eef2f6;border:1px solid #d8e0ea;color:#475467;white-space:nowrap}.status.active,.status.healthy,.status.approved,.status.published{background:var(--success-bg);border-color:#b7e4ca;color:var(--success)}.status.warning,.status.queued,.status.in_review,.status.pending{background:var(--warning-bg);border-color:#f5d783;color:var(--warning)}.status.error,.status.failed,.status.rejected,.status.suspended,.status.cancelled,.status.disabled,.status.deleted{background:var(--danger-bg);border-color:#ffd1d8;color:var(--danger)}.status-stack{align-items:flex-end;display:grid;gap:6px}.account-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.account-card{align-content:start;display:grid;gap:13px;min-height:224px;padding:18px}.account-head,.mini-metrics{align-items:center;display:flex;gap:12px;justify-content:space-between}.account-actions{display:flex;flex-wrap:wrap;gap:8px}.platform{background:#f7f3e8;border:1px solid #ead8ad;border-radius:999px;color:#7a5306;display:inline-flex;font-size:11px;font-weight:900;letter-spacing:0;padding:5px 8px;text-transform:uppercase}.account-card h3{color:var(--ink);font-size:21px;line-height:1.2;margin:0;overflow-wrap:anywhere}.account-card p,.mini-metrics{color:var(--muted);margin:0}.mini-metrics{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:12px}.media-strip{display:grid;gap:12px;padding:18px}.compact h2{color:var(--ink);font-size:20px;margin:0}.media-row{color:inherit;text-decoration:none}.skeleton{background:linear-gradient(90deg,#fff,#f1f4f7,#fff);border:1px solid var(--line);border-radius:8px;color:var(--muted);font-weight:800;min-height:116px;padding:24px}@media(max-width:1100px){.app-shell{grid-template-columns:236px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.logout{margin-top:0}.topbar{position:static}.meta-form,.budget-bar{grid-template-columns:1fr}}@media(max-width:560px){.login-page,.panel,.topbar{padding:18px}.login-panel{padding:24px}.sidebar nav,.metric-grid{grid-template-columns:1fr}.row-item{align-items:stretch;grid-template-columns:1fr}.row-actions,.status-stack{align-items:stretch;justify-content:flex-start}.row-actions>button{flex:1 1 140px}}