*{box-sizing:border-box}body{margin:0;background:#f2f6fa;color:#0b1c40;font-family:Arial,sans-serif}header{padding:18px 26px;background:#091d3c;color:white;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #ed1c24}header b{color:#ff2945}header span{font-size:14px;font-weight:400;margin-left:16px}#auth{max-width:430px;margin:10vh auto;padding:32px;background:white;border:1px solid #dae2ed;border-radius:12px}h1{font-size:32px}label{display:block;font-size:14px}input{width:100%;margin:8px 0 20px;padding:12px;border:1px solid #bcc8da;border-radius:6px}button,select{padding:10px 16px;border-radius:6px;border:1px solid #bacce3;font-size:14px}form button{width:100%;background:#005bc5;color:white;border:0}#account:not([hidden]){display:flex;gap:16px;align-items:center}#account label{display:flex;gap:8px;align-items:center}#status{font-size:14px;line-height:1.5}aside{text-align:center;padding:8px;font-size:12px;color:#54667d}iframe{width:100%;height:calc(100vh - 112px);border:0;background:white}[hidden]{display:none!important}@media(max-width:650px){header{gap:12px;flex-wrap:wrap}header span{display:none}#auth{margin:30px 16px}#account:not([hidden]){flex-wrap:wrap}}

#connection-panel{margin:12px 24px;padding:16px 24px;background:white;border:1px solid #bacce3;border-radius:8px}#connection-panel h2{font-size:18px;margin:0 0 8px}#connection-panel p{font-size:14px;line-height:1.5;white-space:pre-line}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}

#sync-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 20px;padding:12px 16px;background:white;border:1px solid #d8e3ef;border-radius:6px;color:#0b2348}#sync-panel strong{margin-right:16px}#sync-status{font-size:13px}#sync-updated{display:block;margin-top:5px;color:#5e708a}#tv-link{font-size:13px;color:white;margin:0 12px}#sync-now{white-space:nowrap}

#sync-review-panel{margin:12px 20px;padding:18px;background:white;border:1px solid #d8e3ef;border-radius:6px}#sync-review-table{max-height:420px;overflow:auto;margin:15px 0}#sync-review-table table{width:100%;border-collapse:collapse;font-size:12px}#sync-review-table td,#sync-review-table th{padding:9px;text-align:right;border-bottom:1px solid #e0e8f0}#sync-review-table td:first-child,#sync-review-table th:first-child{text-align:left}#sync-review{margin-right:8px}

#sync-review-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px}#sync-review-filters[hidden]{display:none}#sync-review-filters label{display:flex;align-items:center;gap:6px}#sync-review-filters input{max-width:210px}#sync-review-count{color:#5e708a}

#sync-date-audit-result{max-height:380px;overflow:auto;font-size:12px;margin:12px 0}#sync-date-audit-result td{padding:7px;border-bottom:1px solid #e0e8f0}

#sync-issues{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.4 inherit;color:#77500a;margin:8px 0 0;}

#settings-panel{margin:16px 20px;padding:20px;background:white;border:1px solid #d7e0ea;border-radius:8px;color:#142b46}#settings-panel[hidden]{display:none}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.settings-grid label{display:flex;flex-direction:column;gap:5px}.settings-grid input{width:100%;box-sizing:border-box;padding:8px}.settings-filters{display:flex;flex-wrap:wrap;gap:16px}#settings-message{font-weight:600}#settings-panel h3{margin-top:24px}#settings-panel p{font-size:14px;line-height:1.5}#settings-form>button{margin-top:20px}