:root{--bg0: #edf3ee;--bg1: #d9e8dd;--ink: #163126;--ink-soft: #4b6a5d;--line: #b4cfc0;--card: #fdfefc;--accent: #0d7f57;--warn: #b06a16;--danger: #b42a3a;--ok: #14774f;--shadow: 0 12px 28px rgba(14, 45, 34, .1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink);font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 8%,#d3e3d8 0,transparent 34%),radial-gradient(circle at 95% 10%,#ddebe1 0,transparent 38%),linear-gradient(165deg,var(--bg1),var(--bg0))}code,pre,.mono{font-family:IBM Plex Mono,ui-monospace,Consolas,monospace}#app{min-height:100vh}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{border-right:1px solid rgba(99,138,120,.35);background:#edf5f0d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center}.brand h1{margin:0;font-size:18px}.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,var(--accent),#0fa66f);box-shadow:inset 0 0 0 2px #ffffff73}.sub{color:var(--ink-soft);font-size:12px}.side-nav{display:grid;gap:8px}.tab{width:100%;border:1px solid var(--line);border-radius:10px;background:#f7fbf8;color:var(--ink-soft);text-align:left;padding:9px 11px;font-size:13px;font-weight:700;cursor:pointer}.tab.active{border-color:transparent;background:linear-gradient(145deg,var(--accent),#109468);color:#fff}.sidebar-foot{margin-top:auto}.sidebar-foot button{margin-bottom:8px}.content{padding:20px 18px 24px}.view{display:none}.view.active{display:block}.grid-2{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:980px){.grid-2{grid-template-columns:1fr 1fr}}.card{background:linear-gradient(180deg,#ffffff,var(--card));border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px}.card h2{margin:0 0 9px;font-size:17px}.card p{margin:0 0 9px;color:var(--ink-soft);font-size:13px}.quickstart{margin-top:14px}.quick-steps{display:grid;gap:8px;font-size:13px;color:var(--ink-soft);margin-bottom:10px}.row{display:grid;grid-template-columns:1fr;gap:9px;margin:9px 0}.row.two,.row.three{grid-template-columns:1fr}@media(min-width:900px){.row.two{grid-template-columns:1fr 1fr}.row.three{grid-template-columns:1fr 1fr 1fr}}label{display:block;margin-bottom:4px;font-size:12px;font-weight:700;color:var(--ink-soft)}input,select,textarea,button{width:100%;border-radius:10px;border:1px solid var(--line);padding:10px 11px;font:inherit}input,select,textarea{background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:none;border-color:#3ea07c;box-shadow:0 0 0 3px #3ea07c2e}textarea{min-height:168px;resize:vertical}button{border-color:transparent;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--accent),#0f9e6d)}button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}button.warn{background:linear-gradient(145deg,#ba6e17,#d08225)}button.danger{background:linear-gradient(145deg,#ad2238,#c9364b)}button:disabled{opacity:.6;cursor:not-allowed}.status{font-size:12px;color:var(--ink-soft);margin-top:8px}.status.ok{color:var(--ok)}.status.bad{color:var(--danger)}.status.warn{color:var(--warn)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid #a7c5b4;border-radius:999px;background:#edf7f0;padding:5px 10px;font-size:12px}.panel{border:1px solid var(--line);border-radius:12px;background:#f8fcf9;padding:10px;overflow:auto}pre{margin:8px 0 0;border:1px solid var(--line);border-radius:12px;background:#eef6f1;padding:10px;max-height:300px;overflow:auto;white-space:pre-wrap}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px;vertical-align:top}th{color:var(--ink-soft)}.mini{width:auto;padding:5px 10px;font-size:11px}.field-wrap{display:grid;gap:4px}.cell-error{font-size:11px;color:var(--danger);line-height:1.25}.input-invalid{border-color:#cb4a5b!important;background:#fff5f6}tr.row-invalid td{background:#fff9fa}.status-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid #b6ccc0;background:#eef7f2;color:#255646}.st-failed{border-color:#e1a6ae;background:#fff0f2;color:#912233}.st-canceled{border-color:#d9b1b8;background:#f8eef0;color:#7e3440}.st-posted{border-color:#a8d5bf;background:#edf9f1;color:#196e48}.st-processing{border-color:#b7d1e8;background:#eef5fc;color:#205e8e}.st-retrying{border-color:#e8c88c;background:#fff6e8;color:#875f15}.st-scheduled{border-color:#b8c8dd;background:#f1f5fb;color:#2d4f79}.st-pending-approval{border-color:#e3c9a0;background:#fff7ea;color:#8a6113}.calendar-grid{margin:10px 0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.calendar-day{border:1px solid var(--line);border-radius:12px;background:#f8fcf9;padding:10px}.calendar-day-head h3{margin:0 0 8px;font-size:14px}.calendar-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.calendar-list li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;font-size:12px}.calendar-list .time{color:var(--ink-soft)}.calendar-list .platform{font-weight:700}.calendar-list .more{color:var(--ink-soft);font-style:italic;display:block}.calendar-empty{border:1px dashed var(--line);border-radius:12px;background:#f8fcf9;color:var(--ink-soft);padding:14px;font-size:13px}.mini-chip{font-size:10px;padding:3px 7px}details>summary{cursor:pointer;color:var(--ink-soft);font-size:12px;font-weight:700}.hidden{display:none!important}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid rgba(99,138,120,.35)}.side-nav{grid-template-columns:1fr 1fr}}