@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap");:root{--bg:#edf1f7;--canvas:#f6f8fc;--panel:#ffffff;--panel-soft:#f8faff;--ink:#1a2133;--muted:#6b758d;--accent:#2667f3;--accent-strong:#1949be;--accent-soft:#e9f0ff;--border:#d7dfeb;--ok:#1fa57a;--warn:#c7871d;--danger:#c43f57;--shadow-lg:0 20px 38px rgba(20,31,56,0.1);--shadow-sm:0 10px 24px rgba(20,31,56,0.07);--focus:0 0 0 3px rgba(38,103,243,0.2)}*{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}body{margin:0;font-family:Sora,sans-serif;line-height:1.45;color:var(--ink);background:radial-gradient(1000px 420px at 8% -5%,#ffffff 0,transparent 55%),radial-gradient(800px 320px at 96% 0,#d8e7ff 0,transparent 52%),linear-gradient(180deg,#eef3fa,#e8edf6)}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:minmax(252px,280px) 1fr;grid-gap:16px;gap:16px;min-height:100vh;padding:16px}.sidebar{background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-sm);padding:16px 12px 14px;min-width:0;position:-webkit-sticky;position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow-y:auto}.sidebar-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.brand{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;margin:0}.workspace-card{margin-top:12px;border:1px solid var(--border);border-radius:16px;padding:10px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ffffff,#f4f8ff)}.workspace-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:.8rem;font-weight:700;color:white;background:linear-gradient(135deg,#2f73ff,#2ac2d8)}.workspace-name{margin:0;font-size:.82rem;font-weight:600}.workspace-meta{margin:2px 0 0;font-size:.71rem;color:var(--muted)}.sidebar-nav{margin-top:14px;display:grid;grid-gap:12px;gap:12px}.nav-group{display:grid;grid-gap:6px;gap:6px}.sidebar-group-title{margin:0 8px 4px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.nav-link{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid transparent;border-radius:12px;color:#33415f;font-size:.83rem;font-weight:500;transition:all .18s ease}.nav-link:hover{background:#f2f6ff;border-color:#d6e2ff;color:#223257}.nav-link.active{background:var(--accent-soft);border-color:#c7d8ff;color:#153a95;font-weight:600}.menu-toggle{display:none;font-size:.8rem;padding:8px 10px;min-height:36px;border-radius:10px;background:white;color:var(--ink)}.main-wrap{background:rgba(247,249,253,.88);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-sm);padding:clamp(12px,2vw,20px);min-width:0}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding:4px 4px 14px;border-bottom:1px solid var(--border)}.eyebrow{margin:0 0 6px;color:var(--muted);text-transform:uppercase;font-size:.67rem;letter-spacing:.08em;font-weight:600}.title{font-size:clamp(1.15rem,2.2vw,1.48rem);line-height:1.18;letter-spacing:-.02em;font-weight:700}.subtitle{margin-top:6px;color:var(--muted);font-size:.83rem}.header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.date-pill,.user-pill{height:42px;min-height:42px;border:1px solid var(--border);border-radius:11px;background:white;color:#354564;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.75rem;font-weight:500}.logout-btn{height:42px;min-height:42px;padding:0 14px}.user-avatar{width:21px;height:21px;border-radius:999px;display:grid;place-items:center;font-size:.62rem;font-weight:700;color:white;background:linear-gradient(130deg,#2667f3,#1fa57a)}.ghost-btn{background:white;color:#223257;border-color:var(--border)}.ghost-btn:hover{background:#edf3ff;color:#163b95;border-color:#bfd2ff}button{border:1px solid var(--accent);background:linear-gradient(135deg,#2f73ff,#2262e8);color:white;border-radius:11px;padding:10px 14px;min-height:42px;font:inherit;font-size:.82rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(34,98,232,.25)}button.active{border-color:#bfd2ff;background:var(--accent-soft);color:#153a95;box-shadow:none}button:disabled{opacity:.58;cursor:wait;box-shadow:none;transform:none}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:11px;background:white;color:var(--ink);padding:10px 11px;min-height:42px;font:inherit;font-size:.84rem;margin-top:6px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus{outline:none;border-color:#97b6ff;box-shadow:var(--focus);background:#fbfdff}label{display:block;margin-bottom:12px;font-size:.81rem;font-weight:600;color:#36415f}main{min-width:0}.content-wrap{animation:fadeUp .26s ease-out;width:100%;margin:0}.grid{display:grid;grid-gap:14px;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);padding:15px;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.card h2{margin:0;font-size:1.02rem;letter-spacing:-.01em}.card-subtitle{margin:4px 0 0;color:var(--muted);font-size:.76rem;font-weight:500}.card-description{margin:7px 0 0;color:#4f5f82;font-size:.76rem;line-height:1.4;font-weight:500}.card-body>:first-child{margin-top:0}.card p{margin:0 0 8px;font-size:.83rem}.card ul,.content-wrap ul{margin:0;padding-left:0;list-style:none}.card ol{margin:0;padding-left:1rem}.card li{overflow-wrap:anywhere;margin-bottom:6px}.card hr{border:0;border-top:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:.8rem}td,th{text-align:left;padding:8px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}.dashboard-stack{display:grid;grid-gap:14px;gap:14px}.layout-help{margin:0;color:var(--muted);font-size:.76rem}.error-inline{margin:0;color:#84293a;font-size:.76rem}.sortable-grid{columns:360px 2;column-gap:14px}.sortable-item{position:relative;display:inline-block;width:100%;margin:0 0 14px;vertical-align:top;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;cursor:default}.sortable-item[data-span=full]{column-span:all}.sortable-item.dragging{opacity:.62;cursor:-webkit-grabbing;cursor:grabbing}.sortable-item.over .card,.sortable-item.over .metrics-grid{outline:2px dashed #8fb3ff;outline-offset:4px}.drag-handle{position:absolute;top:10px;right:10px;min-height:28px;height:28px;padding:4px 10px;border-radius:999px;border:1px solid #c7d7fa;background:#edf3ff;color:#20489f;font-size:.67rem;font-weight:600;cursor:-webkit-grab;cursor:grab;z-index:4;box-shadow:none;transform:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-handle:hover{background:#deebff;box-shadow:none;transform:none}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.metric-tile{border-radius:16px;border:1px solid #d2ddff;background:linear-gradient(155deg,#ffffff,#ecf3ff);padding:13px;min-height:118px}.metric-tile:nth-child(2){background:linear-gradient(155deg,#ffffff,#e9f8ff);border-color:#cce8f8}.metric-tile:nth-child(3){background:linear-gradient(155deg,#ffffff,#e9fcf4);border-color:#c8ebdd}.metric-tile:nth-child(4){background:linear-gradient(155deg,#ffffff,#fff4e5);border-color:#f3dec0}.metric-label{margin:0;color:#425172;font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.metric-value{margin:12px 0 4px;font-size:1.7rem;font-weight:700;letter-spacing:-.03em}.metric-note{margin:0;color:var(--muted);font-size:.76rem}.kv-grid{display:grid;grid-gap:7px;gap:7px}.kv-row{border:1px solid var(--border);border-radius:11px;background:var(--panel-soft);padding:8px 10px;display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:.78rem}.kv-row span{color:var(--muted)}.kv-row strong{font-size:.81rem;text-align:right}.list-tight{display:grid;grid-gap:8px;gap:8px;list-style:none;padding:0;margin:0}.list-row{border:1px solid var(--border);border-radius:12px;padding:9px 10px;background:#fbfcff}.list-row-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.list-meta{margin:6px 0 0;color:var(--muted);font-size:.75rem}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:999px;padding:4px 9px;font-size:.68rem;border:1px solid #d6dfef;background:#f4f7ff;color:#365385;text-transform:capitalize;white-space:nowrap}.status-pill[data-status=approved],.status-pill[data-status=live],.status-pill[data-status=published],.status-pill[data-status=ready]{border-color:#bbebd7;background:#e9faf3;color:#0f7f5d}.status-pill[data-status=error],.status-pill[data-status=failed]{border-color:#f1ced6;background:#fff0f3;color:var(--danger)}.status-pill[data-status=needs_review],.status-pill[data-status=pending],.status-pill[data-status=queued],.status-pill[data-status=running]{border-color:#f0dec1;background:#fff5e6;color:#976a18}.progress-track{margin-top:7px;height:7px;border-radius:999px;background:#e6ebf4;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f73ff,#35a8e0)}.center,.login-wrap{min-height:100vh;display:grid;place-items:center}.login-wrap{padding:24px}.login-card{background:#ffffff;border:1px solid var(--border);border-radius:20px;width:100%;max-width:430px;padding:22px;box-shadow:var(--shadow-lg)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.login-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:white;font-size:.83rem;font-weight:700;background:linear-gradient(135deg,#2f73ff,#23b8d4)}.login-brand-title{margin:0;font-weight:700;font-size:.9rem}.login-brand-subtitle{margin:2px 0 0;color:var(--muted);font-size:.74rem}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted);margin-top:0;margin-bottom:16px}.login-card button{width:100%}.error{margin-top:12px;color:#84293a;background:#fff0f3;border:1px solid #f1cbd4;border-radius:10px;padding:9px 10px;font-size:.8rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1180px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.app-shell{grid-template-columns:1fr;gap:10px;padding:10px}.sidebar{position:relative;top:auto;max-height:none;border-radius:18px;padding:12px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:78px}.sidebar-nav{display:none}.sidebar-nav.open{display:grid}.main-wrap{border-radius:18px;padding:12px}.header{flex-direction:column;gap:10px}.header-actions{justify-content:flex-start}.grid.two{grid-template-columns:1fr}.sortable-grid{column-count:1}.sortable-item[data-span=full]{column-span:none}}@media (max-width:720px){.metrics-grid,.sidebar-nav.open{grid-template-columns:1fr}.sidebar-nav.open{gap:10px}.main-wrap{padding:10px 10px max(10px,env(safe-area-inset-bottom))}.subtitle{font-size:.78rem}.date-pill,.logout-btn,.user-pill{height:34px;min-height:34px}.card{border-radius:14px;padding:12px}.list-row-top{flex-direction:column;align-items:flex-start}.login-wrap{padding:12px}.login-card{padding:16px;border-radius:14px}}