.cu-page{color:#111b44}.cu-hero{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:18px}.cu-hero-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,#5068ff,#6947ee);color:#fff;font-size:31px;box-shadow:0 12px 28px rgba(78,86,232,.24)}.cu-hero h1{margin:0 0 5px;font-size:27px;line-height:1.15;letter-spacing:-.02em}.cu-hero p{margin:0;color:#657197;font-size:13px}.cu-guide-btn{height:42px;border:1px solid #bac8ff;border-radius:9px;background:#fff;color:#3159ee;padding:0 16px;font-weight:700;cursor:pointer}.cu-connection{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;border:1px solid #fed7aa;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:12px}.cu-connection[hidden]{display:none}.cu-connection span{margin-right:auto}.cu-connection button{height:34px;border:0;border-radius:8px;background:#315efb;color:#fff;padding:0 13px;font-weight:700;cursor:pointer}.cu-layout{display:grid;grid-template-columns:minmax(620px,1.2fr) minmax(430px,.98fr);gap:14px;align-items:start}.cu-left{display:grid;gap:14px;min-width:0}.cu-card{overflow:hidden;border:1px solid #e2e8f5;border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(32,54,104,.055)}.cu-card>header{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid #edf1f8}.cu-card>header h2{margin:0;color:#111a3f;font-size:16px}.cu-section-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#315efb,#6c4ef2);color:#fff;font-size:15px}.cu-add-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;padding:18px}.cu-add-form label{display:grid;gap:7px;color:#172044;font-size:12px}.cu-input{display:flex;align-items:center;height:42px;border:1px solid #d8e1ef;border-radius:8px;background:#fff}.cu-input:focus-within{border-color:#5577ff;box-shadow:0 0 0 3px rgba(49,94,251,.08)}.cu-input i{padding-left:12px;color:#315efb;font-style:normal}.cu-input input{width:100%;height:40px;border:0;outline:0;background:transparent;padding:0 11px;color:#26345e;font-size:12px}.cu-primary{height:42px;border:0;border-radius:8px;background:linear-gradient(135deg,#345df5,#4936ef);color:#fff;padding:0 16px;font-weight:750;cursor:pointer;box-shadow:0 8px 18px rgba(67,76,238,.2)}.cu-primary:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.cu-list-card>header em{display:grid;place-items:center;min-width:23px;height:23px;border-radius:999px;background:#eef1fa;color:#697595;font-size:11px;font-style:normal}.cu-list-toolbar{display:flex;align-items:center;gap:8px;padding:11px 15px}.cu-check input,.cu-table input[type=checkbox]{width:16px;height:16px;accent-color:#345df5}.cu-list-toolbar button,.cu-list-toolbar select{height:36px;border:1px solid #dce4f0;border-radius:8px;background:#fff;color:#526080;padding:0 12px;font-size:11px;font-weight:700}.cu-list-toolbar button:disabled{opacity:.46}.cu-toolbar-spacer{flex:1}.cu-search{display:flex;align-items:center;width:205px;height:36px;border:1px solid #dce4f0;border-radius:8px}.cu-search span{padding-left:10px;color:#7784a3}.cu-search input{width:100%;height:34px;border:0;outline:0;padding:0 9px;background:transparent;font-size:11px}.cu-table-wrap{overflow:auto}.cu-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed}.cu-table th,.cu-table td{height:46px;border-bottom:1px solid #edf1f7;padding:7px 8px;color:#26345e;font-size:10.5px;text-align:left;vertical-align:middle}.cu-table th{background:#f7f9fd;color:#334063;font-weight:800}.cu-table th:nth-child(1){width:38px}.cu-table th:nth-child(2){width:34px}.cu-table th:nth-child(3){width:185px}.cu-table th:nth-child(4){width:155px}.cu-table th:nth-child(5){width:145px}.cu-table th:nth-child(6){width:92px}.cu-table th:nth-child(7){width:98px}.cu-table tbody tr{cursor:pointer}.cu-table tbody tr:hover td{background:#f8faff}.cu-table tbody tr.active td{background:#eef3ff}.cu-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cu-table a{color:#2459ea;text-decoration:none}.cu-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 8px;font-size:9.5px;font-weight:750;white-space:nowrap}.cu-status:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.cu-status.ready{color:#079455;background:#dcfae6}.cu-status.updated{color:#2563eb;background:#e6efff}.cu-status.checking,.cu-status.updating{color:#ea7000;background:#fff0d5}.cu-status.error{color:#d92d20;background:#fee4e2}.cu-row-actions{display:flex;gap:4px}.cu-row-actions button{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:#31457e;cursor:pointer}.cu-row-actions button:hover{background:#e8edff}.cu-row-actions button.danger:hover{color:#d92d20;background:#fff0f0}.cu-empty-row{text-align:center!important;color:#98a2b3!important;padding:30px!important}.cu-pagination{display:flex;align-items:center;gap:10px;padding:12px 15px;color:#687594;font-size:10.5px}.cu-pagination>span{margin-right:auto}.cu-pagination>div{display:flex;gap:5px}.cu-pagination button{width:32px;height:32px;border:1px solid #dce4f0;border-radius:7px;background:#fff;color:#435170;cursor:pointer}.cu-pagination button.active{border-color:#315efb;color:#315efb;box-shadow:0 0 0 2px rgba(49,94,251,.08)}.cu-pagination select{height:32px;border:1px solid #dce4f0;border-radius:7px;background:#fff;color:#435170;font-size:10px}.cu-preview-card{position:sticky;top:78px;min-height:690px}.cu-preview-card>header{padding:13px 16px}.cu-preview-card>header h2{margin-right:auto}.cu-ready-badge{display:inline-flex;align-items:center;border-radius:999px;background:#eef1f6;color:#64748b;padding:7px 10px;font-size:10px;font-weight:750}.cu-ready-badge.ready,.cu-ready-badge.updated{color:#079455;background:#dcfae6}.cu-ready-badge.error{color:#d92d20;background:#fee4e2}.cu-preview-empty{display:grid;place-items:center;align-content:center;min-height:620px;color:#8b97b2;text-align:center}.cu-preview-empty div{font-size:48px;color:#c4ccda}.cu-preview-empty strong{margin:14px 0 5px;color:#44516e}.cu-preview-empty span{font-size:12px}.cu-info-block,.cu-doc-block,.cu-update-box{margin:10px;border:1px solid #e6ebf5;border-radius:11px;overflow:hidden}.cu-info-block h3,.cu-doc-block h3,.cu-update-box h3{margin:0;padding:12px 14px;border-bottom:1px solid #e9eef6;color:#172044;font-size:13px}.cu-info-block dl{display:grid;grid-template-columns:135px minmax(0,1fr);gap:12px;margin:0;padding:15px;color:#405179;font-size:11px;line-height:1.55}.cu-info-block dt{color:#51658e}.cu-info-block dd{margin:0;overflow-wrap:anywhere}.cu-info-block a{color:#315efb}.cu-doc-block h3{display:flex;align-items:center}.cu-doc-block h3 button{margin-left:auto;border:0;background:transparent;color:#315efb;font-size:10.5px;cursor:pointer}.cu-doc-preview{height:285px;overflow:auto;padding:14px;color:#26345e;font-size:11px;line-height:1.58}.cu-doc-preview h1{font-size:18px}.cu-doc-preview h2{font-size:15px}.cu-doc-preview h3{font-size:13px;padding:0;border:0}.cu-doc-preview img{max-width:100%;height:auto}.cu-update-box>div{display:flex;align-items:center;gap:12px;padding:13px}.cu-update-box label{display:flex;align-items:flex-start;gap:9px;flex:1}.cu-update-box input{width:17px;height:17px;accent-color:#315efb}.cu-update-box b,.cu-update-box small{display:block}.cu-update-box b{font-size:11px}.cu-update-box small{margin-top:4px;color:#7b87a3;font-size:9.5px}.cu-update-box button{flex:0 0 auto}.cu-dialog{width:min(540px,calc(100vw - 30px));border:0;border-radius:14px;padding:0;box-shadow:0 28px 80px rgba(15,23,42,.28)}.cu-dialog::backdrop{background:rgba(15,23,42,.45)}.cu-dialog header,.cu-dialog footer{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e6ebf3}.cu-dialog header h3{margin:0}.cu-dialog header button{border:0;background:transparent;font-size:23px;cursor:pointer}.cu-dialog footer{justify-content:flex-end;gap:8px;border:0;border-top:1px solid #e6ebf3}.cu-dialog form>div{display:grid;gap:14px;padding:18px}.cu-dialog form label{display:grid;gap:6px;color:#34405e;font-size:12px;font-weight:700}.cu-dialog form input{height:42px;border:1px solid #d9e2ef;border-radius:8px;padding:0 11px}.cu-guide{color:#465474;font-size:12px;line-height:1.55}.cu-progress-dialog{width:min(620px,calc(100vw - 30px))}.cu-progress-list{display:grid;gap:8px;max-height:430px;overflow:auto;padding:15px}.cu-progress-item{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e4eaf3;border-radius:9px}.cu-progress-item i{width:12px;height:12px;border:2px solid #93c5fd;border-top-color:#315efb;border-radius:50%;animation:cu-spin .7s linear infinite}.cu-progress-item.updated{border-color:#bbf7d0;background:#f0fdf4}.cu-progress-item.updated i{border-color:#22c55e;background:#22c55e;animation:none}.cu-progress-item.error{border-color:#fecaca;background:#fff7f7}.cu-progress-item.error i{border-color:#ef4444;background:#ef4444;animation:none}.cu-progress-item span{display:grid;gap:3px}.cu-progress-item small{color:#667085}@keyframes cu-spin{to{transform:rotate(360deg)}}body[data-active-page="updates"] #newPostBtn{display:none!important}
@media(max-width:1250px){.cu-layout{grid-template-columns:1fr}.cu-preview-card{position:static}.cu-add-form{grid-template-columns:1fr 1fr}.cu-add-form>button{grid-column:1/-1}}@media(max-width:720px){.cu-hero{grid-template-columns:48px 1fr}.cu-hero-icon{width:48px;height:48px}.cu-hero h1{font-size:21px}.cu-guide-btn{grid-column:1/-1}.cu-add-form{grid-template-columns:1fr}.cu-add-form>button{grid-column:auto}.cu-list-toolbar{align-items:stretch;flex-wrap:wrap}.cu-toolbar-spacer{display:none}.cu-search{width:100%}.cu-info-block dl{grid-template-columns:1fr;gap:5px}.cu-update-box>div{align-items:stretch;flex-direction:column}}

/* Preserve the native hidden contract even when a component declares display:grid/flex. */
.cu-page [hidden]{display:none!important}
body:not([data-active-page="updates"]) #cuGuideBtn{display:none!important}