:root{color-scheme:light dark;--color-bg: #0f1420;--color-surface: #161d2e;--color-border: #262f45;--color-text: #e7ebf5;--color-text-muted: #93a0bd;--color-success: #35c78c;--color-warning: #e0a72e;--color-danger: #e0552e;--color-accent: #4f7cff;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app-title{display:flex;flex-direction:column;line-height:1.3}.app-subtitle{font-size:.8rem;color:var(--color-text-muted)}.app-nav{display:flex;gap:.5rem;flex-wrap:wrap}.app-nav-link{padding:.5rem .9rem;border-radius:8px;color:var(--color-text-muted);text-decoration:none;font-size:.9rem}.app-nav-link:hover{background:#ffffff0f}.app-nav-link.active{background:var(--color-accent);color:#fff}.app-main{flex:1;padding:2rem;max-width:1100px;width:100%;margin:0 auto}h1{font-size:1.4rem;margin-bottom:.25rem}.page-description{color:var(--color-text-muted);margin-top:0;margin-bottom:1.5rem;max-width:60ch}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.35rem}.card-label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.card-value{font-size:1.3rem;font-weight:600}.card-hint{font-size:.85rem;color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-neutral{color:var(--color-text-muted)}.progress-bar{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;margin:.5rem 0}.progress-bar-fill{height:100%;background:var(--color-accent)}.data-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;font-size:.9rem}.data-table th,.data-table td{padding:.6rem .9rem;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{color:var(--color-text-muted);font-weight:500;font-size:.8rem;text-transform:uppercase}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600}.badge-neutral{background:#93a0bd2e;color:var(--color-text-muted)}.badge-success{background:#35c7892e;color:var(--color-success)}.badge-warning{background:#e0a72e2e;color:var(--color-warning)}.badge-danger{background:#e0552e2e;color:var(--color-danger)}.state{padding:2rem;text-align:center;color:var(--color-text-muted)}.state-error{color:var(--color-danger)}@media (max-width: 640px){.app-main,.app-header{padding:1rem}}