.online-heat{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 18px;padding:9px 12px;border:1px solid #e0e8f0;border-radius:12px;color:#657387;background:#f8fafc;font:12px/1.5 system-ui}.online-heat[hidden]{display:none}.online-heat strong{font-size:17px;color:#248366;font-variant-numeric:tabular-nums}.online-heat-floating{position:fixed;right:16px;bottom:16px;z-index:20;margin:0;background:#fff;box-shadow:0 3px 14px #182b4520;pointer-events:none}.presence-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.presence-card{padding:18px;border:1px solid #e0e7f0;border-radius:12px}.presence-card strong{display:block;font-size:32px;color:#263f5d;font-variant-numeric:tabular-nums}.presence-card small{display:block}.presence-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.presence-table{max-height:370px;overflow:auto}.presence-table table{width:100%;border-collapse:collapse}.presence-table th{position:sticky;top:0;background:#f5f7fb}.presence-table td,.presence-table th{padding:8px;text-align:left}.presence-table input{max-width:170px}.presence-settings{margin-top:18px}.presence-settings summary{cursor:pointer}.presence-fields{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.presence-fields input[type=number]{width:95px}.presence-fields input[type=checkbox]{width:auto}.presence-chart{width:100%;height:100px;display:block;margin:12px 0}.presence-status{min-height:24px}.presence-current{background:#eaf4ff}.presence-error{color:#b73f31}@media(max-width:700px){.presence-cards{grid-template-columns:1fr}.presence-card{padding:12px}.presence-card strong{font-size:26px}.online-heat-floating{right:8px;bottom:8px;font-size:11px;padding:6px 9px}.presence-heading{align-items:flex-start;flex-wrap:wrap}}