*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,"PingFang SC",Arial;color:#18243a;background:#f3f6fb}button,input,textarea,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#dce9ff,transparent 35%),#f5f8fe}.login-card{width:min(420px,92vw);padding:36px;background:#fff;border:1px solid #e4eaf3;border-radius:18px;box-shadow:0 20px 60px #264a8020}.logo{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:800}.logo i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#1677ff,#49a4ff);color:#fff;font-style:normal}.login-card p{color:#758197;margin:14px 0 24px}.login-card input,.field input,.field textarea,.field select{width:100%;border:1px solid #dfe6f0;border-radius:10px;padding:11px 13px;background:#fff;outline:none}.login-card input:focus,.field input:focus,.field textarea:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff16}.btn{border:1px solid #dbe3ee;background:#fff;border-radius:9px;padding:9px 15px;cursor:pointer;color:#32415b}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px #223b6815}.btn.primary{background:linear-gradient(135deg,#1677ff,#4096ff);border-color:transparent;color:#fff}.btn.danger{color:#d9363e}.login-card .btn{width:100%;margin-top:12px;padding:12px}.layout{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.side{background:#fff;border-right:1px solid #e5ebf3;padding:20px 14px;position:sticky;top:0;height:100vh}.side .logo{padding:4px 9px 24px}.side nav{display:grid;gap:5px}.side nav button{border:0;background:none;text-align:left;padding:11px 13px;border-radius:9px;color:#66738a;cursor:pointer}.side nav button.active{background:#eaf3ff;color:#1677ff;font-weight:700}.side .logout{position:absolute;bottom:18px;left:14px;right:14px}.main{min-width:0}.top{height:70px;background:#fff;border-bottom:1px solid #e8edf4;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.top b{font-size:18px}.online{color:#16a064;background:#ebfff5;padding:6px 11px;border-radius:20px}.view{padding:26px;max-width:1320px}.head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.head h1{margin:0;font-size:24px}.head p{margin:5px 0 0;color:#7a8699}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid #e4eaf2;border-radius:13px;padding:18px;box-shadow:0 7px 25px #17345c08}.stat small{color:#8490a4}.stat b{display:block;font-size:28px;color:#1677ff;margin-top:7px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.card h2{font-size:16px;margin:0 0 14px}.field{display:grid;gap:6px;margin:12px 0}.field label{font-weight:600}.field textarea{min-height:110px;resize:vertical}.actions{display:flex;gap:9px;flex-wrap:wrap}.note{padding:12px;border-radius:9px;background:#f0f6ff;color:#386298;margin:12px 0}.table{overflow:auto}.table table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px;border-bottom:1px solid #edf1f6;white-space:nowrap}.table th{color:#748095;font-size:12px}.badge{padding:4px 8px;border-radius:12px;background:#eef3f8;color:#617088}.badge.sent{background:#e9fff3;color:#168450}.badge.failed{background:#fff0f0;color:#c73b42}.empty{text-align:center;color:#8994a5;padding:40px}.toast{position:fixed;right:24px;top:24px;padding:12px 17px;background:#18243a;color:#fff;border-radius:9px;z-index:9}.toast.error{background:#d9363e}.hidden{display:none!important}.qr-image{display:block;width:min(280px,100%);margin:14px auto;border:10px solid #fff;border-radius:12px;box-shadow:0 8px 30px #193c7120}#qr-state{text-align:center;color:#52647e;font-weight:600}.group-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.group-card{display:flex;gap:14px;padding:18px;background:#fff;border:1px solid #e4eaf2;border-radius:14px;box-shadow:0 6px 22px #17345c08}.group-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #17345c12}.group-avatar,.user-avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#1677ff,#6bb8ff);color:#fff;font-size:18px;font-weight:800}.group-card h3{margin:0 0 3px}.group-card p{margin:0 0 10px;color:#748198}.group-card small{display:block;margin-top:11px;color:#8a95a6}.scan-progress{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;padding:13px 16px;border-radius:11px;background:#eef5ff;color:#3a6498}.scan-progress.running,.scan-progress.queued{background:#fff7e6;color:#a66a00}.scan-progress.completed{background:#eafff3;color:#168450}.scan-progress.failed{background:#fff0f0;color:#c73b42}.user-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:11px}.user-card{display:flex;align-items:center;justify-content:space-between;padding:13px;background:#fff;border:1px solid #e4eaf2;border-radius:12px}.user-card.selected{border-color:#1677ff;background:#f3f8ff}.user-card label{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.user-card label>span:last-child{display:grid;min-width:0}.user-card small,.user-card em{font-style:normal;color:#7d899a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card input{accent-color:#1677ff}.template-list{display:grid;gap:10px}.template-list h2{margin:0}.template-card{display:flex;justify-content:space-between;gap:15px;padding:16px;background:#fff;border:1px solid #e4eaf2;border-radius:12px}.template-card span{color:#1677ff;font-size:12px;font-weight:700}.template-card p{margin:7px 0 0}.composer-card textarea{min-height:210px}.publish-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.publish-user-list{max-height:520px;overflow:auto;display:grid;gap:7px}.publish-user{display:flex;gap:9px;padding:10px;border:1px solid #e7ecf3;border-radius:9px;cursor:pointer}.publish-user.checked{border-color:#1677ff;background:#f2f7ff}.publish-user span{display:grid}.publish-user small{color:#7d899a}.jobs-card{margin-top:16px}.hello-btn{padding:6px 9px;font-size:12px}.badge.blocked{background:#fff0f0;color:#c73b42}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.job-row{display:grid;grid-template-columns:1fr auto;gap:5px;padding:12px 0;border-bottom:1px solid #edf1f6}.job-row small{grid-column:1/-1;color:#8691a1} @media(max-width:900px){.layout{grid-template-columns:1fr}.side{height:auto;position:static;border-right:0}.side nav{grid-template-columns:repeat(3,1fr)}.side .logout{position:static;margin-top:12px}.top{display:none}.view{padding:16px}.grid{grid-template-columns:1fr 1fr}.two,.publish-layout{grid-template-columns:1fr}}