*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f2f5;color:#1a1a2e;min-height:100vh}.container{max-width:960px;margin:0 auto;padding:24px 16px}.header{display:flex;align-items:baseline;gap:10px;margin-bottom:24px}.header h1{font-size:1.4rem;font-weight:700}.header .subtitle{font-size:.85rem;color:#6b7280}.card{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,.08)}.card-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;margin-bottom:14px}.status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600}.badge-ok{background:#d1fae5;color:#065f46}.badge-err{background:#fee2e2;color:#991b1b}.badge-wait{background:#fef3c7;color:#92400e}.status-info{margin-top:12px;font-size:.9rem;color:#374151}.status-info .ts{color:#9ca3af;font-size:.78rem;margin-left:6px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.field label{display:block;font-size:.72rem;font-weight:700;color:#6b7280;margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}.field input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;background:#f9fafb;outline:none;transition:border-color .15s}.field input:focus{border-color:#6366f1;background:#fff}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-warning{background:#fbbf24;color:#1a1a2e}.btn-warning:hover:not(:disabled){background:#f59e0b}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.flash{padding:10px 14px;border-radius:8px;font-size:.85rem;margin-top:12px}.flash-ok{background:#d1fae5;color:#065f46}.flash-err{background:#fee2e2;color:#991b1b}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.readings-count{font-size:.8rem;color:#9ca3af}table{width:100%;border-collapse:collapse;font-size:.88rem}th{text-align:left;padding:8px 12px;background:#f9fafb;color:#6b7280;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#374151}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}td.code{font-family:Courier New,monospace;color:#1a1a2e}td.ts{color:#9ca3af}td.id-col,td.ts{font-size:.78rem}td.id-col{color:#c4b5fd;width:50px}.empty{text-align:center;color:#9ca3af;padding:32px;font-size:.9rem}.bridge-alert{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:14px 18px;margin-bottom:20px;font-size:.85rem;color:#92400e}.bridge-alert strong{font-weight:700}.bridge-alert code{background:#fef3c7;padding:1px 5px;border-radius:4px;font-family:monospace}