:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#172033;background:#f4f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}.shell{max-width:1440px;margin:0 auto;padding:28px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 30px #2538580d;padding:22px}.login-card{max-width:430px;margin:10vh auto}.brand,.topbar,.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{justify-content:flex-start;margin-bottom:24px}.brand-dot{width:13px;height:42px;border-radius:8px;background:#2563eb;display:block}.brand h1,.topbar h1{margin:0;font-size:25px}.brand p,.topbar p{margin:4px 0;color:#718096}.topbar{margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:linear-gradient(135deg,#172554,#2563eb);color:white;border-radius:16px;padding:18px}.stat span{opacity:.78;font-size:13px}.stat strong{display:block;font-size:28px;margin-top:8px}.grid{display:grid;gap:18px;margin-bottom:18px}.grid.two{grid-template-columns:1.45fr 1fr}h2{font-size:17px;margin:0}.section-head{margin-bottom:16px}form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:13px;color:#526070}input,select,textarea{width:100%;border:1px solid #d6deea;border-radius:9px;padding:10px 11px;background:#fff;color:#172033;font:inherit}button{border:0;border-radius:9px;padding:10px 15px;background:#2563eb;color:#fff;cursor:pointer;font:inherit;font-weight:600}button:hover{filter:brightness(.95)}button.secondary{background:#edf2f7;color:#334155}.form-grid{grid-template-columns:1fr 1fr}.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px 9px;border-top:1px solid #edf1f6;white-space:nowrap}th{font-size:12px;color:#718096}.pill{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600}.online,.succeeded{background:#dcfce7;color:#166534}.offline,.failed{background:#fee2e2;color:#991b1b}.sent,.queued,.draft{background:#e0e7ff;color:#3730a3}.published{background:#d1fae5;color:#065f46}.retired{background:#e5e7eb;color:#4b5563}.device-picker{max-height:270px;overflow:auto;border:1px solid #e2e8f0;border-radius:10px;padding:8px}.device-option{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #edf1f6}.device-option:last-child{border:0}.muted{font-size:12px;color:#718096}.error{color:#b91c1c;min-height:20px}.notice{padding:12px 14px;border-radius:10px;background:#eff6ff;color:#1e40af;margin-bottom:18px}.notice.bad{background:#fef2f2;color:#991b1b}@media(max-width:1000px){.grid.two{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.shell{padding:14px}.form-grid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:13px}}
.card,.grid>*{min-width:0}.table-wrap{max-width:100%}body{overflow-x:hidden}

.device-option input{width:auto;flex:0 0 auto}.device-option span{flex:1}