:root{--rust:#6f3f2a;--rust-dark:#4d2a1c;--forest:#31533b;--forest-dark:#203b29;--stone:#ece8e1;--ink:#20251f;--muted:#667066;--white:#fff;--danger:#a52a2a;--warning:#a05a00;--shadow:0 7px 24px rgba(31,37,31,.12);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f5f3ef;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:#f5f3ef;line-height:1.45}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.7rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.85rem;min-height:72px;padding:.55rem 1rem;background:rgba(255,255,255,.96);border-bottom:1px solid #d7d2ca;backdrop-filter:blur(10px)}.header-logo{width:92px;height:54px;object-fit:cover;border-radius:8px}.brand-text{display:flex;flex-direction:column;min-width:0}.brand-text strong{font-size:1.35rem;color:var(--rust-dark)}.brand-text span{font-size:.88rem;color:var(--muted)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.app-nav{position:sticky;top:72px;z-index:19;display:grid;grid-template-columns:repeat(5,1fr);background:var(--forest-dark);box-shadow:var(--shadow)}.nav-button{min-height:52px;border:0;background:transparent;color:#eaf1ec;font-weight:700;padding:.5rem;cursor:pointer}.nav-button.active{background:var(--forest);box-shadow:inset 0 -4px #f0c28c}.nav-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.danger-button:focus-visible,.well-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e6a866;outline-offset:2px}main{width:min(1180px,100%);margin:0 auto;padding:1rem;flex:1}.page[hidden]{display:none!important}.hero-card{min-height:250px;border-radius:18px;background:linear-gradient(90deg,rgba(20,25,20,.82),rgba(20,25,20,.15)),url('mr-logo.png') center/cover;display:flex;align-items:end;overflow:hidden;box-shadow:var(--shadow);margin-bottom:1rem}.hero-overlay{padding:1.35rem;color:#fff;max-width:720px}.hero-overlay h1{font-size:clamp(2rem,5vw,3.4rem);margin:.15rem 0}.hero-overlay p:last-child{font-size:1.08rem}.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0}.page-heading h2,.section-heading h3{margin:.1rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800;color:#8a5637;margin:0}.hero-overlay .eyebrow{color:#f0c28c}.content-card,.stat-card{background:#fff;border:1px solid #ddd8d0;border-radius:14px;padding:1rem;box-shadow:var(--shadow);margin-bottom:1rem}.compact-card{padding:.8rem 1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.stat-card{margin:0}.stat-card span{display:block;color:var(--muted);font-size:.86rem}.stat-card strong{font-size:2rem;color:var(--forest-dark)}.well-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:.65rem}.well-button{min-height:62px;border:2px solid #c8c2b8;border-radius:12px;background:#fff;color:var(--ink);font-size:1.05rem;font-weight:800;cursor:pointer}.well-button.completed{border-color:#5d8a68;background:#e8f3eb;color:#244d2f}.well-button.low{border-color:#bd5656;background:#fff0f0;color:#801f1f}.well-button.selected{background:var(--rust);color:#fff;border-color:var(--rust-dark)}.form-grid,.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.filter-grid{grid-template-columns:1fr 1.2fr 2fr;margin-bottom:1rem}label{display:flex;flex-direction:column;gap:.35rem;font-weight:700;margin-bottom:1rem}input,select,textarea{width:100%;border:1px solid #aaa69f;border-radius:9px;background:#fff;padding:.75rem;font:inherit;color:inherit}textarea{resize:vertical}.required{color:var(--danger)}small{font-weight:400;color:var(--muted)}.button-row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.primary-button,.secondary-button,.danger-button,.small-button,.file-button{border-radius:9px;border:1px solid transparent;padding:.7rem 1rem;font:inherit;font-weight:800;cursor:pointer;text-align:center}.primary-button{background:var(--rust);color:#fff}.primary-button:hover{background:var(--rust-dark)}.secondary-button,.file-button{background:#fff;border-color:#8d8a84;color:var(--ink)}.danger-button{background:var(--danger);color:#fff}.small-button{padding:.45rem .7rem;background:var(--rust);color:#fff}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:800;background:#e6f2e8;color:#275334}.status-badge.offline{background:#fff1d9;color:#7a4a00}.status-badge.neutral{background:#eae8e4;color:#555}.inline-alert{padding:.8rem;border-radius:9px;margin-bottom:1rem;font-weight:800}.inline-alert.low{background:#fde7e7;color:#7c1f1f;border:1px solid #d98b8b}.inline-alert.ok{background:#e6f2e8;color:#275334;border:1px solid #8fbc98}.history-list{display:grid;gap:.75rem}.history-card{border:1px solid #d5d0c8;border-radius:12px;padding:.85rem;background:#fff;display:grid;grid-template-columns:1fr auto;gap:.65rem}.history-card h3{margin:0}.history-meta{color:var(--muted);font-size:.9rem}.history-values{display:flex;flex-wrap:wrap;gap:.5rem;margin:.55rem 0}.chip{padding:.25rem .5rem;border-radius:999px;background:#efede8;font-size:.84rem}.chip.low{background:#fde7e7;color:#7c1f1f}.empty-state{text-align:center;padding:2rem;color:var(--muted)}.diagnostics-output{margin-top:1rem;padding:.8rem;background:#f4f2ee;border-radius:9px;white-space:pre-wrap}.app-footer{display:flex;justify-content:space-between;gap:1rem;padding:1rem;background:#262f28;color:#ecf0ed;font-size:.85rem}.toast-region{position:fixed;right:1rem;bottom:1rem;z-index:50;display:grid;gap:.5rem}.toast{background:#20251f;color:#fff;padding:.8rem 1rem;border-radius:9px;box-shadow:var(--shadow);max-width:330px}.dialog-card{border:0;padding:1rem;max-width:420px}.dialog-card h2{margin-top:0}dialog{border:0;border-radius:14px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.45)}
@media(max-width:720px){.header-logo{width:66px;height:45px}.brand-text strong{font-size:1.05rem}.brand-text span{font-size:.72rem}.app-nav{top:62px}.nav-button{font-size:.78rem;min-height:48px}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.filter-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.page-heading>button{width:100%}.hero-card{min-height:210px}.sticky-actions{position:sticky;bottom:0;background:#fff;padding:.75rem 0;border-top:1px solid #ddd}.app-footer{flex-direction:column}.header-actions .status-badge{font-size:.7rem}}
@media(prefers-reduced-motion:no-preference){.page.active{animation:fadeIn .18s ease}@keyframes fadeIn{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}}