@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-1: #f2f7ef;--bg-2: #dfeee3;--surface: #fdfdf8;--surface-2: #f2f3eb;--text: #1f2b1e;--muted: #526055;--line: #c7d1c5;--accent: #0f7a56;--accent-strong: #0a5e42;--danger: #b3261e;--ok: #1b7f4a;--shadow: 0 14px 34px rgba(15, 44, 20, .12);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 0%,#ffffff 0%,var(--bg-1) 35%,var(--bg-2) 100%)}h1,h2,h3,h4{margin:0;font-family:Fraunces,Georgia,serif;letter-spacing:.01em}p{margin:0}.loading-screen{min-height:100vh;display:grid;place-items:center;gap:.4rem}.loading-screen h1{font-size:clamp(1.8rem,3vw,2.6rem)}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(250px,300px) 1fr;gap:1.2rem;padding:1.2rem;animation:reveal .42s ease}.sidebar{background:linear-gradient(145deg,#f9fff7,#edf9f0);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow);position:sticky;top:1rem;height:calc(100vh - 2.4rem);overflow:auto}.brand{padding:.5rem .4rem 1rem;border-bottom:1px solid var(--line)}.brand p{margin-top:.4rem;color:var(--muted);line-height:1.4;font-size:.94rem}.nav{display:grid;gap:.45rem;margin-top:1rem}.nav-item{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:var(--radius-sm);min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:.52rem .7rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.nav-item:hover{transform:translate(2px);border-color:#8fa697}.nav-item.active{border-color:var(--accent);background:linear-gradient(140deg,#effcf4,#dcf3e5);color:var(--accent-strong);font-weight:700}.nav-item small{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;border-radius:999px;background:#e8efe5;font-size:.75rem}.content{min-width:0}.topbar{background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius-lg);padding:.85rem 1rem;display:flex;justify-content:space-between;gap:.8rem;align-items:center}.topbar p{margin-top:.3rem;color:var(--muted);font-size:.9rem}.status-group{display:flex;gap:.4rem;flex-wrap:wrap}.pill{border-radius:999px;border:1px solid var(--line);padding:.28rem .7rem;font-size:.75rem;font-weight:700;background:#fff}.pill-ok{color:var(--ok);border-color:#98c8ad}.pill-warn{color:#8e5a00;border-color:#e4bf7f;background:#fff8e8}.content-stack{margin-top:.9rem;display:grid;gap:.9rem}.flash{margin-top:.8rem;border-radius:var(--radius-sm);padding:.55rem .7rem;font-size:.92rem}.flash-error{border:1px solid #eaaca7;color:var(--danger);background:#fff2f2}.flash-ok{border:1px solid #98d7ad;color:var(--ok);background:#f1fff2}.panel{border:1px solid var(--line);border-radius:var(--radius-md);padding:.9rem;background:var(--surface);box-shadow:0 8px 18px #0d2c1c0f}.panel-header{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;margin-bottom:.7rem}.panel-header span{color:var(--muted);font-size:.86rem}.grid{display:grid;gap:.66rem}.grid.metrics{grid-template-columns:repeat(5,minmax(130px,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem;background:linear-gradient(155deg,#ffffff,var(--surface-2))}.metric-card span{display:block;color:var(--muted);font-size:.76rem}.metric-card strong{margin-top:.2rem;display:block;font-size:1.05rem}.input{width:100%;min-height:42px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;color:var(--text);padding:.55rem .65rem;font-size:.93rem;outline:none}.input:focus{border-color:#8db6a1;box-shadow:0 0 0 3px #0f7a5624}.textarea{min-height:90px;resize:vertical}.actions{margin-top:.55rem;display:flex;flex-wrap:wrap;gap:.5rem}.actions.inline{margin-top:.35rem}.button{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .8rem;background:#fff;color:var(--text);font-weight:600;cursor:pointer}.button:hover{border-color:#90a795}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{border-color:var(--accent);color:#fff;background:linear-gradient(140deg,var(--accent),var(--accent-strong))}.list{display:grid;gap:.5rem}.list.dense{gap:.35rem}.list-item{border:1px solid #d9e0d8;border-radius:var(--radius-sm);background:#fff;padding:.55rem .65rem;display:grid;gap:.16rem;text-align:left}.list-item small{color:var(--muted)}.list-item.selectable{cursor:pointer}.list-item.selectable.active{border-color:var(--accent);background:#f3fff7}.muted{color:var(--muted)}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.grid.metrics,.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.app-shell{padding:.65rem;gap:.65rem}.grid.metrics,.grid.two,.grid.three{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}