:root{color-scheme:light;--bg:#eef2f7;--card:#ffffff;--line:#d6ddea;--line-strong:#93a4bf;--text:#101826;--muted:#4a5c78;--accent:#0f4c81;--accent-weak:#e8f1ff;--danger-bg:#fff2f2;--danger-line:#f7b5b5;--success-bg:#f1fbf3;--success-line:#9ed8ae;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Noto Sans JP,Hiragino Sans,Yu Gothic UI,Yu Gothic,sans-serif;background:radial-gradient(circle at 100% 0,#f9fbff,var(--bg));color:var(--text);line-height:1.6;letter-spacing:.01em;min-height:100vh}a{color:inherit}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.3}p{margin:0}.loading-view{place-content:center;grid-gap:8px;gap:8px}.loading-view,.login-shell{min-height:100vh;display:grid}.login-shell{place-content:center;padding:16px}.login-panel{width:min(460px,92vw)}.login-panel h1{margin-bottom:8px}.login-lead{color:var(--muted);margin-bottom:10px}.login-error{color:#b42318;font-size:13px}.page-shell{width:100%;padding:16px}.app-shell{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.sidebar{position:-webkit-sticky;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;background:#132238;color:#eef4ff;border-radius:var(--radius);padding:18px;border:1px solid #1e3859}.sidebar h1{font-size:23px;margin-bottom:8px}.sidebar-lead{font-size:13px;color:#d0dff5}.auth-box{margin-top:12px;border:1px solid #2d4a71;border-radius:10px;padding:10px;background:#192f4d}.auth-name{font-weight:700;font-size:14px}.auth-meta{margin-top:2px;margin-bottom:8px;font-size:12px;color:#c2d5f1;overflow-wrap:anywhere}.menu{display:grid;grid-gap:8px;gap:8px;margin-top:16px}.menu a{text-decoration:none;display:block;padding:8px 10px;border-radius:10px;border:1px solid #2d4a71;background:#1a2d47;font-size:13px}.menu a:hover{background:#213a5d}.sidebar-kpis{margin-top:16px;display:grid;grid-gap:8px;gap:8px}.kpi-card{border:1px solid #2d4a71;border-radius:10px;padding:10px;background:#1a2d47}.kpi-card span{display:block;font-size:12px;color:#c7d8f1}.kpi-card strong{display:block;margin-top:2px;font-size:20px}.content{min-width:0;display:grid;grid-gap:16px;gap:16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.panel h2{font-size:20px;margin-bottom:10px}.panel h3{font-size:16px;margin-bottom:10px}.panel.inner{margin:0;background:#fcfdff}.alert{border-width:1px}.alert.error{background:var(--danger-bg);border-color:var(--danger-line)}.alert.success{background:var(--success-bg);border-color:var(--success-line)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.summary-grid>div{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfdff}.summary-grid span{display:block;font-size:12px;color:var(--muted)}.summary-grid strong{display:block;margin-top:2px;font-size:15px;overflow-wrap:anywhere}.summary-grid.detail strong{font-size:17px}.form{grid-gap:10px;gap:10px}.form,label{display:grid}label{grid-gap:6px;gap:6px;font-size:13px;color:var(--muted)}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:9px 10px;background:#fff;color:var(--text)}textarea{min-height:88px;resize:vertical}.inline-2{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mt{margin-top:12px}.list{display:grid;grid-gap:10px;gap:10px}.item{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:#fcfdff}.item.active{border-color:var(--accent);background:var(--accent-weak)}.title{font-weight:700;font-size:15px}.sub{font-size:13px;color:var(--muted)}.actions-col{display:grid;grid-gap:8px;gap:8px;justify-items:end}.actions-row{display:flex;flex-wrap:wrap;gap:6px}.btn{border:1px solid transparent;border-radius:9px;background:var(--accent);color:#fff;padding:8px 12px;cursor:pointer;white-space:nowrap}.btn.secondary{background:#265f90}.btn.ghost{background:#fff;color:#24456b;border-color:#9ab0ca}.btn.small{font-size:12px;padding:6px 8px}.btn:disabled{opacity:.6;cursor:default}.table-wrap{margin-top:10px;overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:620px;background:#fff}td,th{border-bottom:1px solid #e6ebf4;padding:9px 10px;text-align:left;vertical-align:top;font-size:13px}th{font-weight:700;background:#f6f9ff;color:#273f5e}tr:last-child td{border-bottom:none}.chat-box{margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;grid-gap:8px;gap:8px;background:#fbfdff;max-height:300px;overflow:auto}.chat-message{border:1px solid #dce4f0;border-radius:9px;padding:8px;background:#fff}.chat-message.staff{border-color:#bfd0ea;background:#f2f7ff}.chat-message.admin{border-color:#d5e8db;background:#f3fbf6}.chat-meta{font-size:11px;color:var(--muted);margin-bottom:4px}.thumb{width:72px;height:72px;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:#f3f7ff}code{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;background:#edf2f9;border-radius:6px;padding:1px 5px;overflow-wrap:anywhere}@media (max-width:1200px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;max-height:none}}@media (max-width:900px){.grid.two,.inline-2,.summary-grid{grid-template-columns:1fr}.actions-col{justify-items:stretch;width:100%}.item{flex-direction:column}.btn{width:100%;text-align:center}}