*{box-sizing:border-box}body{font-family:system-ui,sans-serif;margin:0;background:#f4f6fa;color:#1d2433}
#app{display:flex;min-height:100vh}aside{width:230px;background:#1e3a8a;color:#fff;padding:16px;flex-shrink:0}
aside h1{font-size:17px;margin:0 0 4px}aside .sub{color:#c7d2fe}nav{margin:14px 0}nav a{display:block;color:#dbe4ff;padding:7px 10px;border-radius:6px;cursor:pointer;text-decoration:none;font-size:14px}
nav a.on,nav a:hover{background:#ffffff22;color:#fff}main{flex:1;padding:20px;max-width:1150px;overflow-x:auto}
@media(max-width:760px){#app{flex-direction:column}aside{width:auto}nav a{display:inline-block}}
.card{background:#fff;border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0001}
input,textarea,select{width:100%;padding:8px;border:1px solid #cbd2e0;border-radius:6px;font:inherit;margin:4px 0 10px}
textarea{min-height:110px}button.b{background:#2563eb;color:#fff;border:0;border-radius:6px;padding:7px 13px;cursor:pointer;font:inherit}
button.s{background:#e5e7eb;color:#111}button.d{background:#dc2626}button:disabled{opacity:.5;cursor:not-allowed}
table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:7px;border-bottom:1px solid #eef0f4;text-align:left;vertical-align:top}
.sub,small{color:#6b7280;font-size:12px}.err{color:#dc2626}.warn{background:#fef3c7;border:1px solid #f59e0b;padding:10px;border-radius:8px;margin-bottom:14px}
.ok{background:#dcfce7;border:1px solid #22c55e;padding:10px;border-radius:8px;margin-bottom:14px}
.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1;min-width:160px}.hide{display:none!important}
#login{max-width:380px;margin:80px auto}.tag{padding:2px 8px;border-radius:10px;font-size:12px;background:#e5e7eb;white-space:nowrap}.tag.y{background:#dcfce7}.tag.n{background:#fee2e2}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{background:#fff;border-radius:10px;padding:14px;box-shadow:0 1px 3px #0001}.stat b{font-size:24px;display:block}
.bar{background:#e5e7eb;border-radius:4px;height:14px;overflow:hidden}.bar i{display:block;height:100%;background:#2563eb}.bar i.g{background:#16a34a}
.chat{height:360px;overflow-y:auto;background:#f8fafc;border-radius:8px;padding:10px}.msg{margin:6px 0;padding:8px 11px;border-radius:10px;max-width:85%;white-space:pre-wrap}
.msg.user,.msg.member{background:#dbeafe;margin-left:auto}.msg.assistant,.msg.ai{background:#fff;border:1px solid #e5e7eb}
#modal{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9}#modal .card{max-width:760px;width:100%;max-height:90vh;overflow:auto}
pre{background:#0f172a;color:#e2e8f0;padding:10px;border-radius:6px;overflow-x:auto;font-size:12px;white-space:pre-wrap;word-break:break-all}