:root{--color-primary:#1b4332;--color-on-primary:#fff;--color-primary-container:#cde4d8;--color-on-primary-container:#0f2b20;--color-secondary:#7a5c28;--color-on-secondary:#fff;--color-secondary-container:#f0e4c4;--color-on-secondary-container:#3d2e14;--color-tertiary:#6b2737;--color-on-tertiary:#fff;--color-tertiary-container:#f2dce1;--color-on-tertiary-container:#3a0f18;--color-error:#8c2f26;--color-on-error:#fff;--color-error-container:#f6dad5;--color-on-error-container:#410e09;--color-background:#f7f3ea;--color-on-background:#241f18;--color-surface:#fffefb;--color-on-surface:#241f18;--color-surface-variant:#e7e0ce;--color-on-surface-variant:#4d493c;--color-outline:#8c8672;--color-outline-variant:#d8d0bc;--color-surface-container-low:#fbf7ed;--color-surface-container:#f5f0e2;--color-surface-container-high:#efe9d8;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-card:0 1px 3px #241f181f, 0 1px 2px #241f1814;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--text-xs:.78rem;--text-sm:.85rem;--text-base:.95rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.6rem}@media (prefers-color-scheme:dark){:root{--color-primary:#6fbe93;--color-on-primary:#0b2318;--color-primary-container:#1f3a2a;--color-on-primary-container:#b9e6c8;--color-secondary:#d4b876;--color-on-secondary:#2e2205;--color-secondary-container:#4a3a12;--color-on-secondary-container:#f0dfaf;--color-tertiary:#e3a9b6;--color-on-tertiary:#3a0f18;--color-tertiary-container:#4a2029;--color-on-tertiary-container:#f2d8de;--color-error:#e4897a;--color-on-error:#430d06;--color-error-container:#5c1b12;--color-on-error-container:#f9dad3;--color-background:#16130f;--color-on-background:#ede7da;--color-surface:#1d1914;--color-on-surface:#ede7da;--color-surface-variant:#2e281f;--color-on-surface-variant:#c7bfa9;--color-outline:#7a7364;--color-outline-variant:#3d372c;--color-surface-container-low:#1d1914;--color-surface-container:#221d17;--color-surface-container-high:#2c261d;--shadow-card:0 1px 3px #0006, 0 1px 2px #0000004d}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-background);color:var(--color-on-background);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:var(--color-secondary)}button{font-family:inherit}.btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--color-primary);color:var(--color-on-primary);border:none;padding:10px 18px;font-size:.95rem;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:var(--color-primary);border:1px solid var(--color-outline);background:0 0}.btn-text{color:var(--color-secondary);background:0 0;padding:6px 8px}.input{border-radius:var(--radius-sm);border:1px solid var(--color-outline);background:var(--color-surface);width:100%;color:var(--color-on-surface);padding:10px 12px;font-size:.95rem}.card{background:var(--color-surface-container);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:10px;padding:16px}.error-text{color:var(--color-error);font-size:.9rem}.muted{color:var(--color-on-surface-variant);font-size:.85rem}.app-shell{height:100%;display:flex}.sidebar{background:var(--color-surface-container-low);border-right:1px solid var(--color-outline-variant);flex-direction:column;flex-shrink:0;width:248px;height:100%;padding:16px 12px;display:flex;overflow-y:auto}.sidebar-logo{color:var(--color-primary);align-items:center;gap:8px;padding:8px 8px 20px;font-size:1.05rem;font-weight:700;display:flex}.sidebar-logo svg{flex-shrink:0;width:22px;height:22px}.sidebar-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-surface-variant);padding:16px 12px 6px;font-size:.7rem;font-weight:700}.sidebar-group:first-child .sidebar-group-label{padding-top:0}.sidebar-link{border-radius:var(--radius-sm);color:var(--color-on-surface-variant);align-items:center;gap:10px;padding:10px 12px;font-size:.92rem;text-decoration:none;display:flex}.sidebar-link svg{flex-shrink:0;width:18px;height:18px}.sidebar-link:hover{background:var(--color-surface-container-high);color:var(--color-on-surface)}.sidebar-link.active{background:var(--color-primary-container);color:var(--color-on-primary-container);font-weight:600}.sidebar-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.drawer-overlay{z-index:20;background:#0006;position:fixed;inset:0}@media (width<=959px){.sidebar{display:none}.sidebar.drawer-open{z-index:30;width:260px;box-shadow:var(--shadow-card);transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(0)}}.app-main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow-y:auto}.topbar{border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.topbar-left h1{font-size:var(--text-xl);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.topbar-menu-btn{cursor:pointer;color:var(--color-on-surface);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:none}.topbar-menu-btn svg{width:20px;height:20px}@media (width<=959px){.topbar-menu-btn{display:inline-flex}}.topbar-right{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.app-content{max-width:1040px;padding:var(--space-6);width:100%;margin:0 auto}.user-menu{position:relative}.user-menu-trigger{cursor:pointer;color:var(--color-on-surface);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:8px;padding:4px;display:flex}.user-menu-trigger:hover{background:var(--color-surface-container-high)}.user-menu-trigger svg{width:16px;height:16px;color:var(--color-on-surface-variant)}.user-menu-avatar{background:var(--color-primary-container);width:28px;height:28px;color:var(--color-on-primary-container);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.user-menu-name{font-size:.9rem;font-weight:600}@media (width<=959px){.user-menu-name{display:none}}.user-menu-panel{background:var(--color-surface-container-high);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-card);padding:var(--space-2);z-index:15;position:absolute;top:calc(100% + 8px);right:0}.user-menu-header{padding:var(--space-2) var(--space-3)}.user-menu-header .name{font-size:.92rem;font-weight:600}.user-menu-header .role{color:var(--color-on-surface-variant);font-size:var(--text-sm)}.user-menu-divider{background:var(--color-outline-variant);height:1px;margin:var(--space-2) 0}.user-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--color-on-surface);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-size:.9rem;text-decoration:none;display:flex}.user-menu-item svg{width:16px;height:16px}.user-menu-item:hover{background:var(--color-surface-container)}.user-menu-item.danger:hover{color:var(--color-error)}.card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.card-header h3{font-size:var(--text-lg);margin:0;font-weight:600}.card-link{font-size:var(--text-sm);color:var(--color-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;text-decoration:none;display:inline-flex}.card-link:hover{text-decoration:underline}.card-link svg{width:14px;height:14px}.card-metric{font-size:var(--text-2xl);font-weight:700;line-height:1.2}.quick-actions{gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-5);background:var(--color-surface-container);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-wrap:wrap;display:flex}.quick-action-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-outline-variant);background:var(--color-surface);color:var(--color-on-surface);font-size:var(--text-base);cursor:pointer;white-space:nowrap;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-flex}.quick-action-btn svg{width:18px;height:18px;color:var(--color-primary)}.quick-action-btn:hover{background:var(--color-surface-container-high);border-color:var(--color-outline)}.quick-action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn{align-items:center;gap:var(--space-2);display:inline-flex}.card-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=719px){.card-grid{grid-template-columns:1fr}}.badge{font-size:var(--text-xs);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-weight:600;line-height:1.3;display:inline-flex}.badge-neutral{background:var(--color-surface-variant);color:var(--color-on-surface-variant)}.badge-attention{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.badge-success{background:var(--color-primary-container);color:var(--color-on-primary-container)}.badge-negative{background:var(--color-error-container);color:var(--color-on-error-container)}.list{background:var(--color-surface-container);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.list-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:12px var(--space-4);border-bottom:1px solid var(--color-outline-variant);display:flex}.list-row:last-child{border-bottom:none}.list-row.clickable{cursor:pointer}.list-row.clickable:hover{background:var(--color-surface-container-high)}.state-block{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--color-on-surface-variant);flex-direction:column;display:flex}.state-block svg{opacity:.7;width:28px;height:28px}.state-block .state-title{font-size:var(--text-base)}.state-block.error .state-title{color:var(--color-error)}.state-block.error svg{color:var(--color-error);opacity:1}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}