:root{--pri:#4f46e5;--bg:#f1f5f9;--line:#e2e8f0;--muted:#64748b}*{box-sizing:border-box}body{background:var(--bg);color:#0f172a;margin:0;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}.center{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.muted{color:var(--muted)}.small{font-size:12px}.h1{margin:0 0 16px;font-size:20px}.card{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:16px;padding:16px}.auth-card{width:360px}.brand{font-size:16px;font-weight:700;line-height:1.3}.brand small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.label{color:var(--muted);margin:12px 0 4px;font-size:12px;display:block}.input{border:1px solid var(--line);border-radius:8px;width:100%;padding:8px 10px;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{background:var(--pri);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sec{color:#334155;border:1px solid var(--line);background:#fff}.btn.small,.btn-sec.small{padding:4px 10px;font-size:12px}.alert{border-radius:8px;margin:12px 0;padding:8px 10px;font-size:13px}.alert.warn{color:#92400e;background:#fef3c7}.alert.ok{color:#166534;background:#dcfce7}.badge{color:#334155;background:#e2e8f0;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge.ok{color:#166534;background:#dcfce7}.badge.warn{color:#92400e;background:#fef3c7}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}.table th{color:var(--muted);font-size:12px;font-weight:600}.table td.center,.table .center{text-align:center;padding:20px}.table th.num,.table td.num{text-align:right;font-variant-numeric:tabular-nums}.table .seg{color:#0f172a;font-weight:700}.shell{min-height:100vh;display:flex}.sidebar{color:#e2e8f0;background:#0f172a;flex-direction:column;width:220px;padding:18px 14px;display:flex}.sidebar nav{flex-direction:column;flex:1;gap:4px;margin-top:18px;display:flex}.navlink{color:#cbd5e1;border-radius:8px;padding:8px 10px;font-size:14px;text-decoration:none}.navlink.active,.navlink:hover{color:#fff;background:#1e293b}.sidebar-footer{border-top:1px solid #1e293b;flex-direction:column;gap:6px;padding-top:12px;font-size:13px;display:flex}.main{flex:1;max-width:1100px;padding:24px}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px}.kpi__label{color:var(--muted);margin-bottom:6px;font-size:12px}.kpi__num{color:#0f172a;font-size:26px;font-weight:700;line-height:1.1}.kpi__sub{color:var(--muted);margin-top:4px;font-size:12px}.kpi--accent .kpi__num{color:var(--pri)}.dash-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=800px){.dash-grid{grid-template-columns:1fr}}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:#f8fafc;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.chip b{color:var(--pri)}