:root{--page-bg:#f5f6f8;--panel-bg:#fff;--surface-bg:#f8fafc;--border-color:#d9dee7;--text-strong:#172033;--text-muted:#5c667a;--accent-color:#3b82f6;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--page-bg);color:var(--text-strong);margin:0}#root{max-width:1200px;min-height:100vh;margin:0 auto;padding:1.5rem}.dashboard{flex-direction:column;gap:1rem;display:flex}.dashboard-header{border:1px solid var(--border-color);background:var(--panel-bg);border-radius:.75rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.dashboard-header h1{color:var(--text-strong);margin:0;font-size:1.5rem}.dashboard-header p{color:var(--text-muted);margin:.5rem 0 0}.dashboard-action{border:1px solid var(--border-color);background:var(--surface-bg);color:var(--text-strong);font:inherit;cursor:pointer;border-radius:.5rem;padding:.45rem .8rem}.dashboard-action:hover{border-color:var(--accent-color)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.panel{border:1px solid var(--border-color);background:var(--panel-bg);border-radius:.75rem;flex-direction:column;min-height:20rem;display:flex}.panel-wide{grid-column:1/-1}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 1.25rem;display:flex}.panel-header h2{color:var(--text-strong);margin:0;font-size:1.05rem}.panel-header span{color:var(--text-muted);font-size:.85rem}.panel-body{padding:1rem}.fragment-slot{min-height:20rem}.fragment-slot>web-fragment{width:100%;display:block}.panel-placeholder,.panel-error{border:1px dashed var(--border-color);color:var(--text-muted);border-radius:.5rem;padding:1rem}.panel-error{color:#b42318}@media (width<=960px){.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-grid{grid-template-columns:1fr}.panel-wide{grid-column:auto}}