:root{--bg:#f7f7f8;--surface:#ffffff;--surface-2:#fafafa;--border:#e7e7ea;--border-strong:#d4d4d8;--text:#18181b;--text-muted:#71717a;--text-subtle:#a1a1aa;--accent:#0f8568;--accent-hover:#0b6b53;--accent-soft:#e1f5ee;--success:#16a34a;--warning:#ca8a04;--danger:#dc2626;--info:#2563eb;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.07),0 2px 4px -2px rgb(0 0 0/0.05);--radius:8px;--radius-sm:6px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:24px}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:0 8px}.sidebar__brand-mark{width:32px;height:32px;background:var(--accent);border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px}.sidebar__brand-title{font-weight:600;font-size:14px;letter-spacing:-.01em}.sidebar__brand-sub{font-size:11px;color:var(--text-muted)}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__section-title{text-transform:uppercase;font-size:10px;letter-spacing:.05em;color:var(--text-subtle);padding:8px 8px 4px;font-weight:600}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.nav-link__icon{width:16px;height:16px;flex-shrink:0}.main{padding:32px 40px;max-width:100%;overflow-x:auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.page-header__title{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}.page-header__subtitle{color:var(--text-muted);font-size:13px;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.card__title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 12px}.card__value{font-size:28px;font-weight:600;letter-spacing:-.02em}.card__meta{font-size:12px;color:var(--text-subtle);margin-top:4px}.stat-card{display:block;position:relative;color:var(--text);text-decoration:none;border-top:3px solid var(--accent);transition:box-shadow .14s,transform .14s}.stat-card:hover{text-decoration:none;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__arrow{position:absolute;top:14px;right:16px;color:var(--text-subtle);font-size:14px;opacity:0;transition:opacity .14s}.stat-card:hover .stat-card__arrow{opacity:1}.stat-card--warning{border-top-color:var(--warning)}.stat-card--success{border-top-color:var(--success)}.stat-card--info{border-top-color:var(--info)}.stat-card--danger{border-top-color:var(--danger)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .12s,color .12s,border-color .12s;font-family:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);font-size:13px}.table td,.table th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}.table th{background:var(--surface-2);font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s}.table tbody tr:hover td{background:var(--accent-soft)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500}.badge--success{background:#dcfce7;color:#166534}.badge--warning{background:#fef3c7;color:#92400e}.badge--danger{background:#fee2e2;color:#991b1b}.badge--neutral{background:#f4f4f5;color:#52525b}.badge--info{background:#dbeafe;color:#1e40af}.input,.select{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);font-size:13px;font-family:inherit;background:var(--surface);color:var(--text);outline:none;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.empty{padding:60px 20px;text-align:center;color:var(--text-muted)}.empty__title{font-size:15px;font-weight:500;color:var(--text);margin:0 0 4px}.empty__hint{font-size:13px;margin:0 0 16px}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.row,.row-between{display:flex;align-items:center;gap:8px}.row-between{justify-content:space-between}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.muted{color:var(--text-muted)}.tiny{font-size:11px}@media (max-width:768px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;z-index:1100;transform:translateX(-100%);transition:transform .2s ease-out;overflow-y:auto;box-shadow:8px 0 24px rgba(0,0,0,.15)}.sidebar.is-open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1099;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.main{padding:16px}.btn,a.btn,button.btn{min-height:36px}.input,input.input,select.input,textarea.input{font-size:16px}.table{font-size:12px}.page-header h1{font-size:18px}}@media (hover:none) and (pointer:coarse){.nav-link{padding:10px 12px}}