:root{--bg:#f4f1e8;--panel:#fffdf8;--panel-alt:#ece5d6;--ink:#172126;--muted:#5e6a70;--border:#d3c8b8;--accent:#d56a42;--accent-strong:#b94f2d;--success:#20775c;--warning:#b27d1b;--danger:#a13c35;--shadow:0 18px 40px rgba(23,33,38,0.08)}*{box-sizing:border-box}html{background:linear-gradient(180deg,#e9e0cf,#f4f1e8 22%,#f8f6f1)}body{margin:0;color:var(--ink);font-family:Georgia,Iowan Old Style,Palatino Linotype,serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{padding:28px 20px;border-right:1px solid rgba(211,200,184,.75);background:rgba(255,251,244,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{margin-bottom:28px}.brand h1{margin:0;font-size:1.4rem}.brand p{margin:8px 0 0;color:var(--muted);font-size:.95rem;line-height:1.5}.nav{display:grid;grid-gap:8px;gap:8px}.nav a{padding:12px 14px;border-radius:14px;color:var(--muted)}.nav a:hover,.nav a[data-active=true]{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.content{padding:28px}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:24px}.page-header h2{margin:0;font-size:2rem}.page-header p{margin:10px 0 0;color:var(--muted);max-width:760px;line-height:1.6}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{border:0;background:var(--ink);color:white;padding:12px 16px;border-radius:999px;cursor:pointer;box-shadow:var(--shadow)}.button.secondary{background:var(--panel);color:var(--ink);border:1px solid var(--border)}.button.warning{background:var(--accent)}.grid{display:grid;grid-gap:18px;gap:18px}.grid.kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid.two{grid-template-columns:1.4fr 1fr}.card{background:rgba(255,253,248,.88);border:1px solid rgba(211,200,184,.75);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.card h3,.card h4{margin-top:0}.metric-label{color:var(--muted);font-size:.9rem;margin-bottom:10px}.metric-value{font-size:2rem;font-weight:700}.metric-footnote{margin-top:8px;color:var(--muted);font-size:.9rem}table{width:100%;border-collapse:collapse}td,th{padding:12px 10px;text-align:left;border-bottom:1px solid rgba(211,200,184,.7);vertical-align:top}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.status,th{font-size:.85rem}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;border:1px solid}.status.success{color:var(--success)}.status.partial_failure{color:var(--warning)}.status.failed{color:var(--danger)}.status.running{color:var(--ink)}.stack{display:grid;grid-gap:16px;gap:16px}.device-bar{display:grid;grid-gap:10px;gap:10px}.bar-track{height:14px;border-radius:999px;background:var(--panel-alt);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.muted{color:var(--muted)}.inline-form{display:flex;flex-wrap:wrap;gap:12px}.inline-form input{min-width:180px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:white}.trend-row{display:grid;grid-template-columns:160px 1fr auto;grid-gap:12px;gap:12px;align-items:center}.empty-state{color:var(--muted);padding:20px 0}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;border-right:0;border-bottom:1px solid rgba(211,200,184,.75)}.grid.two{grid-template-columns:1fr}.content{padding:20px}}