:root{--brand-red: #ed2124;--brand-red-hover: #c91b1e;--brand-red-active: #a91517;--background: #f5f7fa;--foreground: #111827;--card: #ffffff;--muted: #f8fafc;--muted-foreground: #6b7280;--border: #e5e7eb;--primary-foreground: #ffffff;--radius-main: 20px;--radius-small: 10px;--sidebar-width: 256px;--topbar-height: 64px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--background);color:var(--foreground);font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:inherit}button{font-family:inherit}:focus-visible{outline:2px solid var(--brand-red);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app-shell{display:flex;min-height:100%}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--card);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:8px 12px 20px;font-weight:700;font-size:16px}.sidebar-brand-mark{color:var(--brand-red)}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-small);color:var(--muted-foreground);text-decoration:none;font-weight:500;font-size:14px}.nav-link:hover{background:var(--muted);color:var(--foreground)}.nav-link[aria-current=page]{background:color-mix(in srgb,var(--brand-red) 10%,transparent);color:var(--brand-red)}.main-column{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border);background:var(--card);position:sticky;top:0;z-index:10}.topbar-menu-button{display:none;border:1px solid var(--border);background:var(--card);border-radius:var(--radius-small);width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer}.page-content{flex:1;padding:24px;max-width:1100px;width:100%;margin:0 auto}.page-header{margin-bottom:24px}.page-title{font-size:24px;font-weight:700;margin:0 0 4px}.page-subtitle{color:var(--muted-foreground);margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-main);padding:20px}.card-label{color:var(--muted-foreground);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px}.card-value{font-size:28px;font-weight:700;margin:0}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-success{background:#dcfce7;color:#166534}.badge-neutral{background:var(--muted);color:var(--muted-foreground)}.badge-warning{background:#fef3c7;color:#92400e}.state-block{text-align:center;padding:48px 24px;color:var(--muted-foreground)}.state-block-title{font-weight:600;color:var(--foreground);margin:0 0 6px}table.data-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-main);overflow:hidden}.data-table th,.data-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px}.data-table th{color:var(--muted-foreground);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.data-table tr:last-child td{border-bottom:none}.button-primary{background:var(--brand-red);color:var(--primary-foreground);border:none;border-radius:var(--radius-small);padding:10px 16px;font-weight:600;font-size:14px;cursor:pointer}.button-primary:hover{background:var(--brand-red-hover)}.button-primary:active{background:var(--brand-red-active)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182766;z-index:20}.mobile-nav-panel{position:fixed;top:0;left:0;bottom:0;width:min(80vw,300px);background:var(--card);z-index:21;padding:20px 12px;display:flex;flex-direction:column;gap:4px}@media(max-width:900px){.sidebar{display:none}.topbar-menu-button{display:inline-flex}.page-content{padding:16px}}