@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #f2f5f9;--panel: #ffffff;--text: #1c2737;--muted: #5f6f84;--line: #d7e1ed;--primary: #0d6e62;--primary-ink: #ffffff;--danger: #b53f2e}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 0%,#d8f2ed,#d8f2ed00 42%),radial-gradient(circle at 100% 0%,#ffe8db,#ffe8db00 35%),var(--bg)}.app-shell{min-height:100vh;min-width:320px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.topbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:flex-end;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem}.topbar h1{margin:0;font-size:1.35rem}.topbar p{margin:.35rem 0 0;color:var(--muted)}.context-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;align-items:end}.context-form>*{min-width:0}label{display:grid;gap:.2rem;color:var(--muted);font-size:.75rem}input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:.48rem .55rem;font:inherit;background:#fff;color:inherit}textarea{resize:vertical;min-height:70px}button{border:none;border-radius:9px;padding:.5rem .72rem;font:inherit;font-weight:700;background:var(--primary);color:var(--primary-ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;max-width:100%;white-space:nowrap}button:disabled{opacity:.6;cursor:not-allowed}button.danger{background:var(--danger)}button.muted{background:#dbe3ef;color:#28415c}button.muted-active{background:#9edacb;color:#0f4d44}.nav-tabs{display:flex;flex-wrap:wrap;gap:.35rem}.nav-tabs button{background:#e8edf4;color:#2a394d;font-weight:600}.nav-tabs button.active{background:var(--primary);color:var(--primary-ink)}.notice{border:1px solid #cde4df;background:#edf9f5;color:#0e5d52;border-radius:10px;padding:.65rem .8rem}.kpi-row{display:grid;gap:.55rem;grid-template-columns:repeat(5,minmax(0,1fr))}.kpi{background:linear-gradient(150deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:12px;padding:.65rem .8rem}.kpi h3{margin:0;font-size:.82rem;color:var(--muted)}.kpi p{margin:.3rem 0 .15rem;font-size:1.2rem;font-weight:800}.kpi small{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.85rem}.card h2,.card h3{margin:0 0 .55rem}.card h3{margin-top:.9rem}.card.wide{grid-column:span 2}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(120px,168px);gap:.55rem;align-items:end}.inline-form>*{min-width:0}.inline-form>button{width:100%;min-width:0}.stack-form{display:grid;gap:.62rem;align-content:start}.stack-form>button{justify-self:start;width:max-content;min-height:2.35rem;margin-top:.2rem;max-width:100%}.stack-form>button+button{margin-top:.65rem}.stack-form>.button-row{margin-top:.7rem}.stack-form+.button-row{margin-top:1rem;padding-top:.1rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.button-row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-top:.55rem;margin-bottom:.75rem;row-gap:.65rem}.button-row>button{flex:0 0 auto;min-height:2.35rem;max-width:100%}.warning{color:#b42318;font-weight:600}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);text-align:left;padding:.42rem .35rem;font-size:.85rem;vertical-align:middle}td{white-space:normal}td button{margin:.12rem .35rem .12rem 0}td button:last-child{margin-right:0}a{color:var(--primary)}@media (max-width: 1400px){.kpi-row,.context-form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1100px){.topbar{flex-direction:column;align-items:stretch}.context-form{grid-template-columns:repeat(2,minmax(110px,1fr))}.grid{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.card.wide{grid-column:span 1}.inline-form,.grid-2{grid-template-columns:1fr}}@media (max-width: 768px){.context-form{grid-template-columns:1fr}td button{padding:.4rem .5rem;font-size:.8rem}}
