.success-indicator-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;width:fit-content}.success-indicator-message{color:var(--black);font-size:14px;font-weight:700}.success-indicator-description{color:var(--black);font-size:12px}.success-indicator-alert .ant-alert-icon{font-size:16px;margin-right:8px}.success-indicator-alert .ant-alert-message{margin-bottom:0}.success-indicator-alert .ant-alert-description{margin-top:0}.error-indicator-container{position:fixed;top:20px;left:40%;transform:translate(-50%);z-index:1000;width:80%;max-width:400px}.error-indicator-message{color:var(--black);font-size:14px;font-weight:700;width:100%;justify-content:space-between;align-items:center}.ant-alert-icon{font-size:16px!important}.ant-alert{align-items:center!important}.ant-alert-message{margin:0!important}.ant-alert-error{background:#fff2f0!important;border:1px solid #ffccc7!important}.error-indicator-message{display:flex;justify-content:space-between;align-items:center}.error-indicator-text{flex:1;font-size:14px;font-weight:700;color:var(--black)}.error-indicator-details-button{flex-shrink:0;font-size:12px;color:#1890ff;cursor:pointer;text-align:right;background:#ffb3ab!important;border:1px solid #ff8a80!important;color:var(--black)!important}.error-indicator-details-button:hover{background:#ff8a80!important;border:1px solid #ff6659!important;color:var(--black)!important}.error-indicator-details{white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto;background-color:#f9f9f9;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#333}.paginate-data-container{display:flex;justify-content:center;align-items:center;margin:24px 0}.pagination-section{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 24px;border-radius:12px;justify-content:space-between;width:100%}.pagination-info{font-size:14px;font-weight:500}.items-per-page{display:flex;align-items:center;font-size:14px}.navigation-buttons,.goto-page{display:flex;align-items:center;gap:8px}.goto-input{width:70px;text-align:center;border-radius:20px}input[type=number]{margin:8px;border-radius:25px;width:60px}button{padding:8px 16px;border-radius:4px}.ant-pagination-item:hover{background-color:var(--white)!important;border-color:var(--darkCyan)!important}.ant-pagination-item-active{background-color:var(--white)!important;border-color:var(--cyan)!important}.ant-pagination-item .ant-pagination-item-active .ant-pagination-item:hover{transition:all 1.2s ease}.ant-input-outlined:hover{border-color:var(--cyan)!important}.ant-input-outlined:focus-within{border-color:var(--cyan)!important}.ant-input-outlined{background:var(--white)!important}.draggable-column-header{cursor:grab!important;-webkit-user-select:none;user-select:none;transition:background .15s ease}.draggable-column-header:active{cursor:grabbing!important}.draggable-column-header.drag-over{background:#e6f4ff!important;border-left:2px solid #1677ff!important}.draggable-column-header.dragging{opacity:.5}.col-resize-handle{position:absolute;right:0;top:0;bottom:0;z-index:10;width:6px;cursor:col-resize!important;background:none;-webkit-user-select:none;user-select:none}.col-resize-handle:hover:after,.col-resize-handle:active:after{content:"";position:absolute;top:15%;left:2px;width:2px;height:70%;background:#00aaa7;border-radius:1px;opacity:.85}th{position:relative}.ant-drawer-body{flex:1;min-width:0;min-height:0;padding:24px;overflow:auto;border-bottom:1px solid var(--borderColor)!important;border-top:1px solid var(--borderColor)!important}.ant-drawer-header{background-color:var(--white)!important}.ant-drawer-footer{background-color:var(--white)!important;text-align:right!important}.ant-input:hover,.ant-input:focus{background-color:var(--white)!important}.input-wrapper{display:flex;align-items:center;overflow:hidden}.input-wrapper .ant-select-selector{border-radius:0!important;border:none;box-shadow:none;width:100%;height:100%;background-color:var(--veryLightGrey)!important}.input-wrapper .ant-select-selector:hover,.input-wrapper .ant-select-selector:focus{background-color:var(--white)!important}.input-icon{padding:8px;border-top:1px solid var(--borderColor);border-bottom:1px solid var(--borderColor);border-left:1px solid var(--borderColor);display:flex;align-items:center;justify-content:center}.input-field{border:none;box-shadow:none;border-radius:0}.input-wrapper>*:not(.ant-switch){border-radius:0!important}.form-section{margin-bottom:24px;padding:16px;border:1px solid var(--borderColor);border-radius:4px;background-color:#fafafa}.section-title{font-size:16px;font-weight:600;margin-bottom:16px;color:#595959;text-align:center}.search-add-row{width:100%;display:flex;justify-content:space-between;align-items:center;margin:10px}.search-input{flex:1}.btn{border-radius:5px}.customer-info-container{flex-grow:1;margin-top:8px;padding:24px;min-height:280px}.nav-container{display:flex;align-items:center;margin-top:10px;margin-bottom:10px}.item-link{color:var(--cyan)!important;cursor:pointer}.item-link:hover{text-decoration:underline}.rbac-header{padding:0;margin:0}.role-description{text-align:center;color:var(--cyan);margin-top:0}.role-select-container{display:flex;justify-content:center}.role-label{text-align:right}.role-select{width:250px;vertical-align:middle}.ant-select .ant-select-item{background-color:transparent}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:#eee}.ant-select-focused .ant-select-selector,.ant-select-selector:focus,.ant-select-selector:active,.ant-select-open .ant-select-selector{border-color:#d9d9d9!important;box-shadow:none!important}.rbac-container{width:85%;margin:0 auto}.rbac-table{width:100%;table-layout:fixed;margin-bottom:16px}.rbac-table .ant-table-cell{min-width:10px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-button-row{display:flex;justify-content:center;margin-top:20px;text-align:center}.alert-row{margin-top:20px;text-align:center}.ant-table-cell{padding:15px!important;vertical-align:middle}.ant-table-tbody>tr>td{text-align:center!important}.ant-table-thead>tr>th{text-align:center!important}.ant-table-thead>tr>th:before{position:static!important}.ant-table-thead>tr>th{padding:5px!important}.rbac_chx{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:15px;height:15px;border:1px solid #ccc;border-radius:4px;outline:none;cursor:pointer;vertical-align:middle;margin:0}.rbac_chx:checked{background-color:var(--cyan);border-color:var(--cyan)}.rbac_chx:checked:after{color:var(--white);font-size:16px;text-align:center;line-height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#btnSaveRBAC{background-color:var(--white);width:150px;color:var(--cyan)}#btnSaveRBAC:hover{opacity:.8;background-color:var(--cyan);cursor:pointer;color:var(--white)}#btnSaveRBAC:disabled{background:#999;color:#555;cursor:not-allowed}.nwcloud-container{padding:16px}.nwcloud-table{border:1px solid #e8e8e8;border-radius:4px}.nwcloud-feature-name{font-weight:500}.nwcloud-role-col-header{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:100px}.nwcloud-edit-role-btn{padding:0;height:auto;font-size:12px;color:#00aaa7}.nwcloud-edit-role-btn:hover{color:#008a87}.nwcloud-chx{width:18px;height:18px;cursor:pointer;accent-color:#00aaa7}.nwcloud-table .ant-table-tbody>tr>td{text-align:center;vertical-align:middle;padding:12px 8px}.nwcloud-table .ant-table-thead>tr>th{text-align:center;padding:10px 8px}.connect-home-container{flex-grow:1;margin-top:8px;padding:24px;min-height:280px}.header-title{margin-top:-10px}.hospital-info-container{flex-grow:1;margin-top:8px;padding:24px;min-height:280px}.toggle-view-container{padding:20px;display:flex;flex-direction:column}.toggle-view-buttons{margin-bottom:10px;display:flex;justify-content:flex-end}.toggle-view-button{background-color:#f0f0f0;color:#000;font-weight:400;border-radius:0;transition:background-color .3s,color .3s}.toggle-view-button.active{background-color:var(--cyan);color:#fff;font-weight:700}.toggle-view-button.inactive{background-color:#f0f0f0;color:#000}.toggle-view-button.first{border-radius:20px 0 0 20px}.toggle-view-button.last{border-radius:0 20px 20px 0}.toggle-view-content{margin-top:20px}.ant-btn-color-link{color:var(--white)!important;transition:transform 1.5s ease}.ant-btn-color-dangerous{background-color:var(--red)!important}.data-layout-container{padding:20px;display:flex;flex-direction:column}.data-layout-buttons{margin-bottom:10px;display:flex;justify-content:flex-end}.data-layout-button{background-color:#f0f0f0;color:#000;font-weight:400;border-radius:0;transition:background-color .3s,color .3s}.data-layout-button.active{background-color:var(--cyan);color:#fff;font-weight:700}.data-layout-button.inactive{background-color:#f0f0f0;color:#000}.data-layout-button.first{border-radius:20px 0 0 20px}.data-layout-button.last{border-radius:0 20px 20px 0}.data-layout-content{margin-top:20px}.add-button{width:200px;background-color:#00aaa7;border-color:#00aaa7}.hospitals-table{cursor:pointer;margin-top:16px}.hospitals-table .ant-table-row:hover{background-color:#f5f5f5}.alert-container{margin-top:16px}.ant-table{background:transparent}.ant-table-thead>tr>th{background:#f0f0f0}.ant-table-tbody>tr>td{background:#fff}.ant-btn{border:none;background:transparent;color:#1890ff}.ant-btn:hover{color:#40a9ff}.ant-dropdown-menu-item{color:#000}.ant-dropdown-menu-item:hover{background-color:#e6f7ff}.ant-alert{font-weight:400}.ant-alert-info{background-color:#00aaa7}.ant-alert-error{background-color:red}.natus-color{color:var(--cyan);font-size:large}#ancEdit:hover{color:var(--cyan);opacity:.8}.product-info-container{flex-grow:1;margin-top:8px;padding:24px;min-height:280px}.header-search{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-title,.loading-text,.error-text{margin-top:-10px}.ant-breadcrumb-link{text-decoration:underline;cursor:pointer}.ant-modal-content{width:480px}.configuration-container{flex-grow:1;margin-top:8px;min-height:280px}.rowFormat{padding-bottom:"5px";vertical-align:"middle"}.desc-padding{padding-left:15px;height:20px}.save-button-row{display:flex;justify-content:center;margin-top:20px;text-align:right}.switchPadding{padding:5px}#btnSaveConfig{background-color:var(--white);width:150px;color:var(--cyan)}#btnSaveConfig:disabled{background:#999;color:#555;cursor:not-allowed}.ant-input,.ant-select-single .ant-select-selector{border-radius:10px}.footer{margin:0;padding:0}.footer-container{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:var(--white);position:fixed;left:3px;bottom:0;right:3px;transition:left .3s ease;z-index:1;border-top:1px solid var(--borderColor)}.footer-text{font-size:.925rem;font-weight:300;line-height:.875rem;color:var(--dullGrey)}.logo-container{display:flex;align-items:center;margin-right:16px}.container{display:flex;justify-content:center;align-items:center;height:100%;padding:20px}.user-row{display:flex;align-items:center;width:100%}.user-info{display:flex;flex-direction:column;justify-content:center;flex:1;margin-right:16px}.app-bar{background-color:var(--white);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--borderColor)}.toolbar{display:flex;justify-content:space-between;align-items:center;width:100%}.typography{font-size:1.25rem;font-weight:500;color:var(--dullGrey)}.not-verified-container{flex-grow:1;margin-top:8px;padding:16px}.not-verified-title{margin-top:-10px}:root{--white: #fff;--offWhite: #f9f9f8;--ash: #e0e0e0;--deepAsh: #4E5154;--black: #000;--nearBlack: #2F3133;--lightAsh: #f2f5f7;--midAsh: #BDBEBD;--veryLightAsh: #f0f0f0;--grey: #E5E4E2;--darkGrey: #303030;--cyan: #00AAA7;--lightCyan: #E0F1F3;--darkCyan: #008B8B;--lightGreen: #f9f9f6;--veryLightGrey: #f5f5f5;--paleGrey: #eeeeee;--darkAsh: #424242;--mediumGrey: #5e6266;--lightGrey: #cccccc;--lightBlue: #daecff;--mediumBlue: #b6daff;--skyBlue: #66b2ff;--brightBlue: #3399ff;--blue: #007fff;--deepBlue: #0072e5;--navyBlue: #0059B2;--darkNavy: #004c99;--veryPaleGrey: #F3F6F9;--paleBlueGrey: #E5EAF2;--lightBlueGrey: #DAE2ED;--mediumBlueGrey: #C7D0DD;--lightSteelBlue: #B0B8C4;--steelBlue: #9DA8B7;--darkSteelBlue: #6B7A90;--deepSteelBlue: #434D5B;--darkSlate: #303740;--nearBlackSlate: #1C2025;--dullGrey: #676a6c;--borderColor: #e5e5e5;--white: #FFFFFF;--creamWhite: #FCFCFC;--red: #FF0000}html,body{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}h1{font-size:32px;font-weight:700;margin:0}h2{font-size:24px;font-weight:600;margin:0}h3{font-size:20px;font-weight:500;margin:0}small{font-size:14px;font-weight:400}button{font-size:14px;font-weight:500}.layout{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;min-height:100vh}.page{display:grid;gap:20px}.page .left-column,.page .right-column,.page .center-column{margin:0;padding:0}.ant-btn{transition:transform .2s ease,background-color .2s ease;cursor:pointer;background-color:var(--cyan);border-color:var(--white);color:var(--white)}.ant-btn:hover .ant-btn-primary:hover{background-color:var(--darkCyan);border-color:var(--darkCyan)}:where(.ant-btn):hover{background-color:var(--darkCyan)!important;border-color:var(--darkCyan)!important;color:var(--white)!important}.ant-btn:active{transform:scale(.85)}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--cyan)!important}.ant-tabs-ink-bar{background-color:var(--cyan)!important}.ant-tabs-content{transition:transform 1.5s ease-in-out,opacity 1.5s ease-in-out}.ant-tabs-tab:hover .ant-tabs-tab-btn{color:var(--darkCyan);transition:color .3s ease}.ant-tabs-tab:hover{transform:scale(1.05);transition:transform .3s ease}.ant-tabs-tab-btn{font-size:14px;font-weight:500}.loading-indicator-container{position:fixed;margin:0;width:100%;z-index:1200;background:transparent;display:flex;justify-content:center;align-items:center;flex-direction:row;line-height:0}.loading-indicator-progress{width:100%;line-height:0}.ant-progress-bg{background-color:var(--cyan)!important;border-radius:0!important;line-height:0}.ant-progress{line-height:0;border-radius:0!important}.connect-portal{--sidebar:#0c2b28;--sidebar-hover:#164541;--sidebar-text:#9ca3af;--sidebar-text-active:#ffffff;--accent:#0d9488;--accent-light:#e6fffa;--bg:#f8f9fb;--card:#ffffff;--border:#e5e7eb;--text-primary:#111827;--text-secondary:#6b7280;--success:#059669;--success-bg:#ecfdf5;--purple:#7c3aed;--purple-bg:#f5f3ff;--amber:#b45309;--amber-bg:#fffbeb;--radius:8px;background:var(--bg);color:var(--text-primary);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.connect-portal *{box-sizing:border-box}.connect-portal .cp-app{display:flex;min-height:100vh}.connect-portal .sidebar{width:220px;background:var(--sidebar);flex-shrink:0;padding:20px 0;display:flex;flex-direction:column}.connect-portal .sidebar-logo{padding:0 20px 24px;font-size:16px;font-weight:600;color:#fff;letter-spacing:.3px}.connect-portal .sidebar-logo span{color:var(--accent)}.connect-portal .nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--sidebar-text);text-decoration:none;font-size:13.5px;cursor:pointer;border-left:3px solid transparent}.connect-portal .nav-item:hover{background:var(--sidebar-hover);color:#fff}.connect-portal .nav-item.active{background:var(--sidebar-hover);color:var(--sidebar-text-active);border-left-color:var(--accent);font-weight:500}.connect-portal .nav-group-header{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--sidebar-text);font-size:13.5px;cursor:pointer;border-left:3px solid transparent;-webkit-user-select:none;user-select:none}.connect-portal .nav-group-header:hover{background:var(--sidebar-hover);color:#fff}.connect-portal .nav-group-label{flex:1}.connect-portal .nav-group-chevron{font-size:18px;line-height:1;color:var(--sidebar-text);transform:rotate(90deg);transition:transform .2s ease;display:inline-block}.connect-portal .nav-group-chevron.open{transform:rotate(-90deg)}.connect-portal .nav-group-children .nav-item{padding-left:36px;font-size:13px}.connect-portal .nav-icon{width:16px;text-align:center;font-size:14px}.connect-portal .nav-section-label{padding:16px 20px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#4b5563}.connect-portal .main{flex:1;display:flex;flex-direction:column;min-width:0}.connect-portal .topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:var(--card);border-bottom:1px solid var(--border)}.connect-portal .topbar h1{font-size:18px;font-weight:600}.connect-portal .topbar .subtitle{font-size:13px;color:var(--text-secondary);margin-top:2px}.connect-portal .cp-page{flex:1;display:flex;overflow:hidden}.connect-portal .cp-page.stacked{flex-direction:column;overflow:hidden;position:relative}.connect-portal .list-pane{width:320px;flex-shrink:0;border-right:1px solid var(--border);background:var(--card);display:flex;flex-direction:column}.connect-portal .list-pane-header{padding:14px 16px;border-bottom:1px solid var(--border)}.connect-portal .search-box{position:relative}.connect-portal .search-box input{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;outline:none}.connect-portal .search-box input:focus{border-color:var(--accent)}.connect-portal .search-box:before{content:"⌕";position:absolute;left:10px;top:7px;color:var(--text-secondary);font-size:14px}.connect-portal .btn-add-full{width:100%;margin-top:10px;padding:8px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer}.connect-portal .btn-add-full:hover{background:#0f766e}.connect-portal .row-list{overflow-y:auto;flex:1}.connect-portal .row-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer}.connect-portal .row-item:hover{background:#f9fafb}.connect-portal .row-item.selected{background:var(--accent-light);border-left:3px solid var(--accent);padding-left:13px}.connect-portal .row-item-name{font-weight:500;font-size:13.5px}.connect-portal .row-item-meta{font-size:12px;color:var(--text-secondary);margin-top:3px;display:flex;gap:8px;align-items:center}.connect-portal .status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.connect-portal .status-dot.active{background:var(--success)}.connect-portal .status-dot.inactive{background:#9ca3af}.connect-portal .detail-pane{flex:1;overflow-y:auto;padding:24px 28px}.connect-portal .detail-title{font-size:20px;font-weight:600}.connect-portal .detail-sub{font-size:13px;color:var(--text-secondary);margin-top:4px}.connect-portal .badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500}.connect-portal .badge.active{background:var(--success-bg);color:var(--success)}.connect-portal .badge.inactive{background:#f3f4f6;color:var(--text-secondary)}.connect-portal .badge.new{background:var(--accent-light);color:var(--accent)}.connect-portal .badge.processing{background:var(--amber-bg);color:var(--amber)}.connect-portal .badge.fulfilled{background:var(--success-bg);color:var(--success)}.connect-portal .badge.cancelled{background:#fef2f2;color:#dc2626}.connect-portal .btn-secondary{padding:7px 14px;border:1px solid var(--border);background:#fff;border-radius:var(--radius);font-size:13px;cursor:pointer;color:var(--text-primary)}.connect-portal .btn-secondary:hover{background:#f9fafb}.connect-portal .section-card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.connect-portal .section-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.connect-portal .section-card-header h3{font-size:14.5px;font-weight:600}.connect-portal .btn-add-small{padding:6px 12px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:12.5px;font-weight:500;cursor:pointer}.connect-portal .btn-add-small:hover{background:#0f766e}.connect-portal table{width:100%;border-collapse:collapse}.connect-portal th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);padding:10px 18px;border-bottom:1px solid var(--border);font-weight:500}.connect-portal td{padding:12px 18px;border-bottom:1px solid var(--border);font-size:13.5px;vertical-align:middle}.connect-portal tr:last-child td{border-bottom:none}.connect-portal tbody tr:hover{background:#f9fafb}.connect-portal .cell-title{font-weight:500}.connect-portal .link-action{color:var(--accent);cursor:pointer;font-size:12.5px}.connect-portal .link-action:hover{text-decoration:underline}.connect-portal .empty-state{padding:36px;text-align:center;color:var(--text-secondary)}.connect-portal .row-menu{position:relative;display:inline-block}.connect-portal .row-menu-btn{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius);line-height:1;transition:background .15s}.connect-portal .row-menu-btn:hover{background:var(--border)}.connect-portal .row-menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:200;min-width:148px;padding:5px 0}.connect-portal .row-menu-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;cursor:pointer;color:var(--text-primary);white-space:nowrap}.connect-portal .row-menu-item:hover{background:var(--accent-light)}.connect-portal .row-menu-item.danger{color:#dc2626}.connect-portal .row-menu-item.danger:hover{background:#fef2f2}.connect-portal .row-menu-icon{font-size:14px;width:16px;text-align:center}.connect-portal .pill{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:500}.connect-portal .pill.hw{background:var(--purple-bg);color:var(--purple)}.connect-portal .pill.sw{background:var(--accent-light);color:var(--accent)}.connect-portal .pill.doc{background:var(--amber-bg);color:var(--amber)}.connect-portal .pill.pdf{background:var(--accent-light);color:var(--accent)}.connect-portal .pill.video{background:var(--success-bg);color:var(--success)}.connect-portal .tag{display:inline-block;background:#f3f4f6;color:var(--text-secondary);padding:2px 8px;border-radius:5px;font-size:11.5px;margin-right:4px}.connect-portal .tag-remove{cursor:pointer;color:#dc2626;margin-left:5px;font-weight:600}.connect-portal .tag-add-row{display:flex;gap:8px;margin-top:12px}.connect-portal .tag-add-row input{flex:1;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;outline:none}.connect-portal .view-toggle{display:flex;gap:6px;margin-bottom:12px}.connect-portal .view-toggle-btn{padding:6px 12px;border:1px solid var(--border);background:#fff;border-radius:6px;font-size:12.5px;cursor:pointer;color:var(--text-secondary)}.connect-portal .view-toggle-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.connect-portal .resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.connect-portal .resource-tile{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:box-shadow .15s,border-color .15s}.connect-portal .resource-tile:hover{box-shadow:0 3px 10px #00000014}.connect-portal .resource-tile.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.connect-portal .resource-thumb{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:32px;position:relative;color:#fff}.connect-portal .resource-thumb.doc{background:linear-gradient(135deg,#fcd34d,#b45309)}.connect-portal .resource-thumb.pdf{background:linear-gradient(135deg,#5eead4,#0d9488)}.connect-portal .resource-thumb.video{background:linear-gradient(135deg,#374151,#0c2b28)}.connect-portal .resource-thumb .version-badge{position:absolute;bottom:5px;right:7px;background:#0009;color:#fff;font-size:10.5px;padding:1px 6px;border-radius:4px}.connect-portal .resource-tile-body{padding:10px 12px}.connect-portal .resource-tile-title{font-size:13px;font-weight:600;line-height:1.3;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.connect-portal .resource-tile-meta{font-size:11.5px;color:var(--text-secondary)}.connect-portal .resource-tile-tags{margin-top:6px}.connect-portal .video-preview{background:linear-gradient(135deg,#1f2937,#0c2b28);border-radius:10px;aspect-ratio:16/9;max-width:520px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;color:#fff;overflow:hidden}.connect-portal .video-preview .video-title-bar{position:absolute;top:0;left:0;right:0;padding:12px 16px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);font-size:13px;font-weight:500}.connect-portal .video-preview .play-btn{width:60px;height:60px;border-radius:50%;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:24px}.connect-portal .video-preview .video-duration{position:absolute;bottom:11px;right:12px;font-size:11px;background:#0000008c;padding:2px 7px;border-radius:4px}.connect-portal .video-preview .video-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#fff3}.connect-portal .video-preview .video-progress-fill{height:100%;background:#0d9488;transition:width .2s}.connect-portal .pdf-preview-wrap{display:flex;flex-direction:column;align-items:center}.connect-portal .pdf-page{background:#fff;border:1px solid var(--border);box-shadow:0 1px 8px #00000014;width:300px;aspect-ratio:8.5/11;padding:26px 22px;border-radius:4px}.connect-portal .pdf-page .pdf-line{height:7px;background:#e5e7eb;border-radius:2px;margin-bottom:10px}.connect-portal .pdf-nav{display:flex;align-items:center;gap:14px;margin-top:14px;font-size:13px;color:var(--text-secondary)}.connect-portal .pdf-nav button{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 12px;cursor:pointer;font-size:12.5px}.connect-portal .pdf-nav button:hover{background:#f9fafb}.connect-portal .doc-preview{background:#fff;border:1px solid var(--border);border-radius:8px;padding:30px 34px;max-width:460px;box-shadow:0 1px 6px #0000000f}.connect-portal .doc-preview .doc-heading{height:15px;width:65%;background:#cbd5e1;border-radius:3px;margin-bottom:20px}.connect-portal .doc-preview .doc-line{height:9px;background:#e5e7eb;border-radius:3px;margin-bottom:11px}.connect-portal .doc-preview .doc-line.short{width:55%}.connect-portal .preview-note{font-size:12px;color:var(--text-secondary);margin-top:8px}.connect-portal .badge.online{background:var(--success-bg);color:var(--success)}.connect-portal .badge.warning{background:var(--amber-bg);color:var(--amber)}.connect-portal .badge.offline{background:#fef2f2;color:#dc2626}.connect-portal .metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.connect-portal .metric-tile{background:#f9fafb;border:1px solid var(--border);border-radius:8px;padding:14px 10px;text-align:center}.connect-portal .metric-value{font-size:19px;font-weight:700;color:var(--text-primary)}.connect-portal .metric-label{font-size:10.5px;color:var(--text-secondary);margin-top:3px;text-transform:uppercase;letter-spacing:.4px}.connect-portal .log-list{max-height:240px;overflow-y:auto}.connect-portal .log-row{display:flex;gap:10px;align-items:flex-start;padding:9px 18px;border-bottom:1px solid var(--border);font-size:12.5px}.connect-portal .log-row:last-child{border-bottom:none}.connect-portal .log-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex-shrink:0}.connect-portal .log-dot.info{background:#0d9488}.connect-portal .log-dot.warn{background:#b45309}.connect-portal .log-dot.error{background:#dc2626}.connect-portal .log-time{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.connect-portal .log-msg{flex:1}.connect-portal .user-menu{position:relative}.connect-portal .user-menu-trigger{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 10px;border-radius:8px}.connect-portal .user-menu-trigger:hover{background:#f9fafb}.connect-portal .user-avatar{width:32px;height:32px;border-radius:50%;background:#0d9488;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.connect-portal .user-menu-name{font-size:13.5px;font-weight:500;line-height:1.2}.connect-portal .user-menu-role{font-size:11.5px;color:var(--text-secondary);line-height:1.2}.connect-portal .user-menu-chevron{font-size:10px;color:var(--text-secondary);margin-left:2px}.connect-portal .user-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 20px #0000001f;min-width:200px;display:none;overflow:hidden;z-index:40}.connect-portal .user-menu-dropdown.open{display:block}.connect-portal .user-menu-dropdown-header{padding:12px 14px;border-bottom:1px solid var(--border)}.connect-portal .user-menu-dropdown-header .name{font-size:13.5px;font-weight:600}.connect-portal .user-menu-dropdown-header .email{font-size:12px;color:var(--text-secondary);margin-top:2px}.connect-portal .user-menu-item{padding:10px 14px;font-size:13px;cursor:pointer;color:var(--text-primary)}.connect-portal .user-menu-item:hover{background:#f9fafb}.connect-portal .user-menu-item.logout{color:#dc2626}.connect-portal .pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 0 2px}.connect-portal .pagination-btn{padding:6px 14px;border:1px solid var(--border);background:#fff;border-radius:6px;font-size:12.5px;cursor:pointer;color:var(--text-primary)}.connect-portal .pagination-btn:hover:not(:disabled){background:#f9fafb}.connect-portal .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.connect-portal .pagination-info{font-size:12.5px;color:var(--text-secondary)}.connect-portal .logged-out-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:none;align-items:center;justify-content:center;z-index:100;flex-direction:column;gap:14px}.connect-portal .logged-out-overlay.open{display:flex}.connect-portal .logged-out-card{text-align:center}.connect-portal .logged-out-card .icon{font-size:38px}.connect-portal .logged-out-card h2{font-size:19px;margin:10px 0 4px}.connect-portal .logged-out-card p{color:var(--text-secondary);margin-bottom:18px;font-size:13.5px}.connect-portal .tabs{display:flex;gap:2px;margin:18px 0 0;border-bottom:1px solid var(--border)}.connect-portal .tab{padding:9px 16px;font-size:13.5px;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.connect-portal .tab:hover{color:var(--text-primary)}.connect-portal .tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.connect-portal .tab-panel{padding-top:18px}.connect-portal .coming-soon{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--text-secondary)}.connect-portal .coming-soon .cs-title{font-size:16px;font-weight:600;color:var(--text-primary)}.connect-portal .support-result{padding:10px 14px;border-radius:8px;font-size:13px}.connect-portal .support-result.ok{background:var(--success-bg);color:var(--success)}.connect-portal .support-result.error{background:#fef2f2;color:#dc2626}.connect-portal .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182766;display:flex;align-items:center;justify-content:center;z-index:50}.connect-portal .modal{background:#fff;border-radius:12px;width:420px;padding:22px;max-height:86vh;overflow-y:auto}.connect-portal .modal h3{font-size:16px;margin-bottom:16px}.connect-portal .field{margin-bottom:14px}.connect-portal .field label{display:block;font-size:12.5px;color:var(--text-secondary);margin-bottom:5px}.connect-portal .field input,.connect-portal .field select,.connect-portal .field textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:13.5px;outline:none;font-family:inherit}.connect-portal .field input:focus,.connect-portal .field select:focus,.connect-portal .field textarea:focus{border-color:var(--accent)}.connect-portal .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.connect-portal .btn-primary{padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer}.connect-portal .btn-primary:hover{background:#0f766e}.connect-portal .form-modal{background:#fff;border-radius:12px;width:480px;max-height:86vh;overflow-y:auto;padding:20px}.connect-portal .form-modal-title{font-size:16px;font-weight:600;text-align:center;margin-bottom:16px}.connect-portal .form-section{background:#f4f3f1;border-radius:12px;padding:16px;margin-bottom:14px}.connect-portal .form-section-title{text-align:center;font-size:14px;font-weight:600;margin-bottom:14px}.connect-portal .form-field{margin-bottom:12px}.connect-portal .form-field:last-child{margin-bottom:0}.connect-portal .form-field label{display:block;font-size:12.5px;color:var(--text-primary);margin-bottom:5px}.connect-portal .form-field label .req{color:#dc2626;margin-right:2px}.connect-portal .input-icon-row{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}.connect-portal .input-icon{width:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:var(--text-secondary);font-size:13px;font-weight:600;border-right:1px solid var(--border)}.connect-portal .input-icon-row input,.connect-portal .input-icon-row select,.connect-portal .input-icon-row textarea{border:none;outline:none;padding:8px 10px;font-size:13.5px;flex:1;font-family:inherit;background:transparent}.connect-portal .input-icon-row textarea{resize:none}.connect-portal .btn-teal-pill{background:#0d9488;color:#fff;border:none;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:500;cursor:pointer}.connect-portal .btn-teal-pill:hover{background:#0f766e}.connect-portal .added-item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.connect-portal .added-item-row:last-child{border-bottom:none}.connect-portal .added-item-remove{color:#dc2626;cursor:pointer;font-size:12px}.connect-portal .form-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.connect-portal .status-filter-row{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.connect-portal .status-filter-chip{padding:5px 11px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text-secondary)}.connect-portal .status-filter-chip:hover{border-color:var(--border-strong,var(--border))}.connect-portal .status-filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.connect-portal .top-panel{background:var(--card);border-bottom:1px solid var(--border);padding:16px 28px;flex:1;min-height:0;overflow-y:auto}.connect-portal .top-controls{display:flex;gap:10px;align-items:center;margin-bottom:12px;justify-content:flex-end}.connect-portal .top-controls .search-box{flex:0 0 240px}.connect-portal .top-controls .btn-add-full{width:auto;margin-top:0;white-space:nowrap;padding:8px 16px}.connect-portal .select-filter{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:#fff;color:var(--text-primary);cursor:pointer}.connect-portal tr.selected-row{background:var(--accent-light)}.connect-portal tr.selected-row td:first-child{border-left:3px solid var(--accent);padding-left:15px}.connect-portal .permission-group-title{padding:10px 18px 6px;font-size:11.5px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;background:#fafafa;border-bottom:1px solid var(--border)}.connect-portal .permission-row{display:flex;align-items:center;gap:10px;padding:9px 18px;border-bottom:1px solid var(--border);font-size:13.5px}.connect-portal .permission-row:last-child{border-bottom:none}.connect-portal .permission-row input[type=checkbox]{width:16px;height:16px;accent-color:#0d9488;cursor:pointer}.connect-portal .permission-row label{cursor:pointer;flex:1}.connect-portal .back-link{color:var(--accent);cursor:pointer;font-size:13px;display:inline-block;margin-bottom:10px}.connect-portal .back-link:hover{text-decoration:underline}.connect-portal textarea{font-family:inherit}.connect-portal .cp-page.stacked:has(.drawer) .top-panel{max-height:32%;overflow-y:auto}.connect-portal .drawer{position:absolute;left:0;right:0;bottom:0;height:68%;background:var(--card);border-radius:16px 16px 0 0;box-shadow:0 -4px 32px #00000026;z-index:301;display:flex;flex-direction:column;animation:cp-slide-up .3s cubic-bezier(.32,.72,0,1)}.connect-portal .drawer-header{display:flex;align-items:center;justify-content:flex-end;padding:12px 20px 10px;border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0;position:relative}.connect-portal .drawer-handle{width:40px;height:4px;background:#d1d5db;border-radius:2px;position:absolute;left:50%;transform:translate(-50%);top:8px}.connect-portal .drawer-close{background:none;border:none;font-size:20px;line-height:1;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px}.connect-portal .drawer-close:hover{background:var(--border)}.connect-portal .drawer-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}@keyframes cp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cp-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}