*{box-sizing:border-box}body{margin:0;background:#fafafa;color:#111;font-family:Calibri,Segoe UI,Candara,Optima,sans-serif}#root{min-height:100vh}.card{background:#fff;border:1px solid #E1E1E1;border-radius:6px;padding:16px}.label{font-size:11px;letter-spacing:.06em;color:#8a8a8a;text-transform:uppercase;margin-bottom:8px}.btn{border-radius:4px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;border:none;background:#111;color:#fff}.btn.ghost{background:transparent;color:#111;border:1px solid #E1E1E1}.btn.danger{background:transparent;color:#d64541;border:1px solid #D64541}.btn:disabled{opacity:.5;cursor:default}input,textarea,select{width:100%;background:#fff;border:1px solid #E1E1E1;border-radius:4px;padding:9px 11px;font-family:inherit;font-size:14px;color:#111}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#f3f4f6;text-align:right;padding:10px 12px;font-size:11px;text-transform:uppercase;color:#8a8a8a;border-bottom:1px solid #E1E1E1}td{padding:10px 12px;border-bottom:1px solid #E1E1E1}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:99px}.badge.online{background:#e9f9ef;color:#1f9d55}.badge.offline{background:#fcebea;color:#d64541}
