:root{--bg: #ffffff;--bg-subtle: #f7f7f8;--border: #e5e6ea;--text: #1c1d21;--text-sub: #6b6f78;--accent: #2f6df6;--accent-soft: #eaf1fe;--danger: #d4373e;--danger-soft: #fdeceb;--ok: #1d8a4e;--ok-soft: #e7f6ed;--warn: #a86808;--warn-soft: #fdf3e1;--radius: 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:20px;font-weight:600;margin:0 0 20px}h2{font-size:15px;font-weight:600;margin:0}h3{font-size:13px;font-weight:600;margin:0 0 8px;color:var(--text-sub)}.app{display:flex;min-height:100vh}.sidebar{width:210px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-subtle);padding:20px 12px;position:sticky;top:0;height:100vh}.brand{font-size:16px;font-weight:700;padding:4px 10px 20px}.brand-sub{font-size:11px;font-weight:500;color:var(--text-sub);display:block}.nav-link{display:block;padding:8px 10px;margin-bottom:2px;border-radius:6px;color:var(--text);font-size:13.5px}.nav-link:hover{background:#eeeff2;text-decoration:none}.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;height:52px;padding:0 28px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:5}.topbar-spacer{flex:1}.topbar-user{display:flex;align-items:center;gap:12px}.topbar-email{font-size:13px}.topbar-role{font-size:11px;color:var(--text-sub);background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;padding:1px 10px}.content{padding:28px;max-width:1180px;width:100%}.section{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.section-actions{display:flex;gap:8px;align-items:center}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:20px}.metric-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.metric-label{font-size:12px;color:var(--text-sub)}.metric-value{font-size:24px;font-weight:700;margin-top:2px}.metric-sub{font-size:11px;color:var(--text-sub);margin-top:2px}.bar-chart{display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:140px 1fr 90px;align-items:center;gap:10px}.bar-label{font-size:12px;color:var(--text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{background:var(--bg-subtle);border-radius:4px;height:14px;overflow:hidden}.bar-fill{background:var(--accent);height:100%;border-radius:4px;min-width:2px;transition:width .2s ease}.bar-value{font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:12px;font-weight:600;color:var(--text-sub);white-space:nowrap;background:var(--bg-subtle)}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}label{display:block;font-size:12px;color:var(--text-sub);margin-bottom:4px}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:6px;font-size:13.5px;font-family:inherit;background:var(--bg);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}input:disabled,select:disabled,textarea:disabled,button:disabled{opacity:.5;cursor:not-allowed}textarea{resize:vertical;min-height:64px}.field{margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 14px;margin-bottom:14px}.form-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}.form-row>div{min-width:140px}.checkbox-row{display:flex;align-items:center;gap:6px;font-size:13px}.checkbox-row input{width:auto}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--bg-subtle)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#245ad6}.btn-danger{background:var(--bg);border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-ghost{border-color:transparent;color:var(--text-sub)}.btn-sm{padding:4px 10px;font-size:12px}.badge{display:inline-block;font-size:11px;font-weight:600;border-radius:999px;padding:1px 10px;white-space:nowrap}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-error{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--bg-subtle);color:var(--text-sub)}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--danger);color:#fff;border-radius:6px;padding:10px 14px;margin-bottom:16px;font-size:13px}.error-banner-close{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;line-height:1;padding:0}.success-note{background:var(--ok-soft);color:var(--ok);border-radius:6px;padding:8px 12px;margin-bottom:14px;font-size:13px}.loading,.empty{color:var(--text-sub);font-size:13px;padding:8px 0}.muted{color:var(--text-sub);font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 960px){.two-col{grid-template-columns:1fr}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle)}.login-card{width:360px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:32px}.login-card h1{margin-bottom:4px}.login-card .muted{margin:0 0 20px}.rules-table input[type=number]{width:90px;padding:4px 8px;font-size:12.5px}.rules-category{margin-bottom:18px}.note-item{border-bottom:1px solid var(--border);padding:8px 0}.note-item:last-child{border-bottom:none}.note-meta{font-size:11px;color:var(--text-sub);margin-top:2px}