:root{color-scheme:light;font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,rgba(11,153,123,.18),transparent 32%),radial-gradient(circle at right,rgba(240,146,53,.18),transparent 28%),#f4f1ea;color:#152033;--bg-panel: rgba(255, 255, 255, .86);--bg-panel-strong: rgba(255, 255, 255, .96);--border-soft: rgba(21, 32, 51, .1);--brand-deep: #12343b;--brand-accent: #0f9d7b;--brand-warm: #f09235;--text-muted: #576479;--text-soft: #708099;--status-good: #0d9d6c;--status-bad: #cb4c31;--status-warn: #c27a1d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.app-sidebar{padding:1.75rem 1.25rem;background:#12343beb;color:#f5f7fb;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:1.5rem}.sidebar-brand{display:grid;gap:.35rem}.sidebar-brand h1{margin:0;font-size:1.35rem;letter-spacing:.04em}.sidebar-brand p,.sidebar-caption{margin:0;color:#f5f7fbb8}.nav-list{display:grid;gap:.45rem}.nav-link{padding:.8rem .95rem;border-radius:16px;color:#f5f7fbd1;transition:background-color .2s ease,transform .2s ease,color .2s ease}.nav-link:hover,.nav-link.router-link-active{background:#ffffff1f;color:#fff8ef;transform:translate(2px)}.app-main{padding:1.5rem;display:grid;gap:1rem}.app-header{padding:1.2rem 1.35rem;border-radius:24px;background:var(--bg-panel);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;justify-content:space-between;gap:1rem;align-items:center}.app-header h2,.page-header h2,.section-card h3{margin:0}.page{display:grid;gap:1rem}.page-header{display:flex;justify-content:space-between;gap:1rem;align-items:end}.page-header p,.section-card p,.muted{margin:0;color:var(--text-muted)}.summary-grid,.two-column-grid,.detail-grid{display:grid;gap:1rem}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.two-column-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary-card,.section-card,.table-card,.result-card{background:var(--bg-panel-strong);border:1px solid var(--border-soft);border-radius:24px;padding:1.1rem 1.2rem;box-shadow:0 18px 45px #12343b0f}.summary-card{display:grid;gap:.35rem}.summary-card strong{font-size:1.8rem}.summary-card span{color:var(--text-soft);font-size:.92rem;text-transform:uppercase;letter-spacing:.06em}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.85rem .75rem;border-bottom:1px solid rgba(21,32,51,.08);text-align:left;vertical-align:top}th{color:var(--text-soft);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:999px;font-size:.85rem;font-weight:700;background:#12343b14}.status-pill.good{color:var(--status-good);background:#0d9d6c1f}.status-pill.bad{color:var(--status-bad);background:#cb4c311f}.status-pill.warn{color:var(--status-warn);background:#c27a1d24}.inline-actions{display:flex;flex-wrap:wrap;gap:.75rem}.button,.button-secondary{border:none;border-radius:14px;padding:.75rem 1rem}.button{background:linear-gradient(135deg,var(--brand-deep),#0e6c78);color:#fff}.button-secondary{background:#0f9d7b1f;color:var(--brand-deep)}.form-grid{display:grid;gap:.85rem}.field{display:grid;gap:.4rem}.field input,.field select{border:1px solid rgba(21,32,51,.14);border-radius:14px;padding:.8rem .9rem;background:#fff}.mono{font-family:Consolas,Courier New,monospace;font-size:.92rem}.tag-list{display:flex;flex-wrap:wrap;gap:.55rem}.tag{padding:.3rem .6rem;border-radius:999px;background:#f0923524;color:#9f5e17;font-size:.85rem;font-weight:700}@media(max-width:940px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.app-main{padding:1rem}.app-header,.page-header{align-items:start;flex-direction:column}}
