:root{--blue:#3157d5;--ink:#172033;--muted:#7d8799;--line:#e7eaf0;--bg:#f4f6fa}*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#dfe7ff,transparent 40%),#f5f7fb}.login-card{width:390px;background:#fff;padding:42px;border-radius:20px;box-shadow:0 20px 60px #23346a20;text-align:center}.brand{width:58px;height:58px;margin:auto;background:var(--blue);color:#fff;display:grid;place-items:center;border-radius:16px;font-size:22px;font-weight:800}.login-card h1{font-size:22px;margin:18px 0 4px}.login-card p{color:var(--muted);margin:0 0 25px}.login-card input,.admin input,.admin textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:9px;margin:6px 0;outline:none}.login-card button,.admin button{width:100%;padding:12px;border:0;border-radius:9px;background:var(--blue);color:white;margin-top:10px}.shell{height:100vh;display:grid;grid-template-columns:260px 1fr}aside{background:#18223b;color:#fff;padding:24px 16px;display:flex;flex-direction:column}.logo{font-size:22px;font-weight:800;padding:0 10px 22px}.me{padding:14px;background:#ffffff0d;border-radius:12px}.me small{display:block;color:#aeb7ca}.admin-link,.logout{color:#cbd4e7;text-decoration:none;padding:12px 10px}.logout{margin-top:auto}.group{width:100%;border:0;background:none;color:#d5dcec;text-align:left;padding:12px;border-radius:9px}.group:hover,.group.active{background:#3157d5;color:white}aside h3{font-size:12px;color:#8390aa;margin:22px 10px 8px}main{display:grid;grid-template-rows:72px 1fr 86px;min-width:0}main header{background:#fff;border-bottom:1px solid var(--line);padding:12px 25px}main h2{margin:0}main header small{color:var(--muted)}#messages{overflow:auto;padding:25px}.empty{text-align:center;color:var(--muted);margin-top:20vh}.msg{margin:14px 0;max-width:68%}.msg.mine{margin-left:auto;text-align:right}.msg small{color:var(--muted)}.bubble{display:inline-block;text-align:left;background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:4px 14px 14px 14px;box-shadow:0 3px 10px #1e2a4310}.mine .bubble{background:var(--blue);color:#fff;border:0;border-radius:14px 4px 14px 14px}.bubble img,.bubble video{display:block;max-width:min(480px,55vw);max-height:420px;border-radius:8px}main footer{background:#fff;border-top:1px solid var(--line);display:flex;gap:10px;padding:15px 22px}main footer textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:10px;padding:10px}main footer button{border:0;border-radius:10px;padding:0 22px;background:var(--blue);color:#fff}#upload{font-size:25px;background:#eef1f7;color:var(--ink)}.admin nav{height:64px;background:#18223b;color:#fff;padding:0 6vw;display:flex;align-items:center;justify-content:space-between}.admin nav a{color:#fff}.admin-wrap{max-width:1100px;margin:30px auto}.admin section{background:#fff;padding:24px;margin:18px 0;border-radius:14px;box-shadow:0 5px 18px #1e2a430c}.admin table{width:100%;border-collapse:collapse}.admin th,.admin td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}.admin .inline{display:grid;grid-template-columns:1fr 1fr 180px;gap:10px}.success{border-left:4px solid #29a36a}.error{padding:10px;background:#fff0f0;color:#b42318;border-radius:8px}@media(max-width:700px){.shell{grid-template-columns:110px 1fr}aside{padding:15px 8px}.logo{font-size:16px}.me{font-size:12px}.admin-link{font-size:12px}.msg{max-width:90%}.admin-wrap{margin:12px}.admin .inline{display:block}}

.admin-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 64px)}.admin .admin-menu{position:sticky;top:0;height:calc(100vh - 64px);padding:22px 14px;background:#45516a;overflow:auto}.admin .admin-menu h3{font-size:16px;color:#fff;margin:4px 10px 15px}.admin .admin-menu button{margin:4px 0;padding:13px 16px;background:transparent;text-align:left;color:#eef3ff;border-radius:8px}.admin .admin-menu button:before{content:'⚙';margin-right:9px}.admin .admin-menu button:hover,.admin .admin-menu button.active{background:#3157d5}.admin .admin-menu a{color:#fff;text-decoration:none;padding:15px 16px;margin-top:auto}.admin .admin-content{display:block;width:calc(100% - 36px);max-width:none;margin:18px}.admin .admin-section{display:none}.admin .admin-section.active{display:block}.admin .success{display:block}.table-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto auto;gap:10px;align-items:center;margin:14px 0}.table-tools input,.table-tools select{margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:8px}.table-tools button{width:auto;margin:0;padding:9px 14px}.table-tools button:disabled{opacity:.45}.admin table{font-size:13px}.admin td form button{width:auto;white-space:nowrap}.admin [data-section="accounts"] td:last-child button{background:#19a974}.admin [data-section="mapping"]{overflow-x:auto}.admin [data-section="mapping"] table{min-width:1050px}@media(max-width:850px){.admin-layout{grid-template-columns:1fr}.admin .admin-menu{position:static;height:auto;display:flex;flex-direction:row;flex-wrap:wrap}.admin .admin-menu h3{width:100%}.admin .admin-menu button{width:auto}.admin .admin-content{width:auto;margin:12px}.table-tools{grid-template-columns:1fr 1fr}.table-tools input{grid-column:1/-1}}