#__next,body,html{height:100%;margin:0;padding:0;background-color:#f4f4f4;color:#333;font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:20px;line-height:28px;color:#0e1e30}*,:after,:before{box-sizing:border-box}.mb-0{margin-bottom:0!important}.layout-container{display:flex;flex-direction:column;min-height:100vh;overflow-y:hidden}.top-navbar{box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:999;position:relative;display:block;height:60px;@media screen and (min-width:970px){position:fixed;top:0;left:0;right:0}}.main-content-wrapper{display:flex;flex-grow:1;height:calc(100vh - 60px - var(--log-container-height, 0px));margin-top:0;@media screen and (min-width:970px){margin-top:60px;height:calc(100vh - 60px)}}.side-navigation{box-shadow:2px 0 5px rgba(0,0,0,.05);flex-shrink:0}.main-content{padding:0 20px;overflow-y:auto;max-width:100vw;padding-bottom:calc(var(--log-container-height, 0px))}.container,.main-content{display:flex;flex-direction:column;flex-grow:1}.container{width:100%;margin:auto;border-radius:8px}footer{padding:4px;text-align:center;margin-top:auto;position:fixed;bottom:0;right:0;z-index:1000}.buttons-container,.header-stats{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap;justify-content:space-between}.buttons-action-container{display:flex;gap:8px;flex-wrap:wrap}.header-stats cm-stats-card{min-width:200px}.tab-content:not(.active){display:none}.table-header{display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ddd;gap:16px;.table-search-container{flex-grow:1}.table-actions-container,.table-search-container{display:flex;align-items:center;gap:8px;width:100%}.table-actions-container{flex-direction:column}@media screen and (min-width:970px){flex-direction:row;.table-search-container{max-width:450px}.table-actions-container{flex-direction:row;justify-content:flex-end}}}cm-tabs{display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-start;align-items:center;div.cm-tab.sc-cm-tab{.notify-badge.sc-cm-tab{border-radius:12px;width:-moz-fit-content;width:fit-content;height:24px;padding:4px}}}.scrollable-container{overflow-x:auto;margin-bottom:0;-webkit-overflow-scrolling:touch;padding-bottom:150px;&::-webkit-scrollbar{height:8px}&::-webkit-scrollbar,&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{border-radius:4px;background:transparent}&::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}scrollbar-width:none;-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:transparent transparent}.scrollable-container cm-table{tr{td{height:inherit}}}.scrollable-container cm-table-row{white-space:nowrap}cm-accordion{padding:12px;flex-grow:1;z-index:3;position:fixed;bottom:0;right:0;left:0;.cm-collapse-activator{padding:4px 0!important}}.log-messages-container{height:var(--log-container-height,0)}.log-messages{border:1px solid #ddd;padding:8px;background-color:#e9e9e9;border-radius:4px;overflow-y:scroll;flex-grow:1}.message-entry{margin-bottom:4px;border-bottom:1px dashed rgb(188,187,187)}.message-entry:last-child{border-bottom:none}cm-status-dot{display:inline-block;vertical-align:middle}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;justify-content:center;align-items:center;.modal-content{position:relative;background-color:#fff;border-radius:0;z-index:1001;width:90%;width:100%;height:100%;padding:20px;display:flex;flex-direction:column;box-sizing:border-box;animation:fadeIn .3s ease-in-out;@media screen and (min-width:970px){max-width:800px;max-height:80vh;margin-left:auto;margin-bottom:0;margin-right:auto;margin-top:0;border-radius:8px;height:auto;box-shadow:0 2px 10px rgba(0,0,0,.1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #eee;flex-shrink:0}.modal-body{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding-top:15px;padding-bottom:15px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:15px;border-top:1px solid #eee;flex-shrink:0;.modal-cta-row{display:flex;gap:8px}}}}.snackbar-container{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;flex-direction:column-reverse;gap:8px;width:100%;max-width:500px;padding:0 20px;pointer-events:none}.notification-fixed{position:relative;width:100%;min-width:300px;background-color:white;color:black;padding:16px;text-align:center;z-index:9999;box-shadow:8px 8px 20px rgba(189,189,189,.55);border-radius:0 0 8px 8px;font-size:14px;font-family:Arial,sans-serif;border-top:3px solid #0e1e30;display:flex;flex-direction:column;align-items:center;@media screen and (min-width:970px){position:fixed;top:0;top:4px;right:90px;max-width:400px}}.rooms-container{padding:20px 0}.rooms-list{display:flex;flex-direction:column;gap:12px;padding:8px;background-color:#f8f9fa;border-radius:8px;min-height:100px}.room-card{display:flex;align-items:center;gap:16px;padding:16px;background:white;border:2px solid #dee2e6;border-radius:8px;cursor:-webkit-grab;cursor:grab;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.room-card:hover{border-color:#1976d2;box-shadow:0 2px 8px rgba(0,0,0,.1)}.room-card:active{cursor:-webkit-grabbing;cursor:grabbing}.room-card.dragging{background-color:#e3f2fd;border-color:#1976d2;box-shadow:0 8px 16px rgba(0,0,0,.2)}.room-card-drag-icon{display:flex;align-items:center;justify-content:center;color:#6c757d}.room-card-content{flex:1 1}.room-card-id{font-size:16px;font-weight:600;color:#212529;margin-bottom:4px}.room-card-order{font-size:14px;color:#6c757d}.cp-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:10002;display:flex;justify-content:center;align-items:flex-start;padding-top:15vh}.cp-shell{position:relative;z-index:10003;background-color:#fff;border-radius:10px;width:90%;max-width:520px;max-height:60vh;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.25);animation:fadeIn .15s ease-out;overflow:hidden}.cp-input-row{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #eee;flex-shrink:0}.cp-input{flex:1 1;border:none;outline:none;font-size:16px;font-family:inherit;color:#0e1e30;background:transparent}.cp-input::placeholder{color:#999}.cp-shortcut-hint{font-size:12px;color:#999;white-space:nowrap;flex-shrink:0;background:#f0f0f0;border-radius:4px;padding:2px 6px}.cp-results{flex:1 1;overflow-y:auto;max-height:320px;padding:4px 0}.cp-result-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background-color .1s;border-bottom:1px solid #f0f0f0}.cp-result-item:last-child{border-bottom:none}.cp-result-item.cp-result-active,.cp-result-item:hover{background-color:#e8f0fe}.cp-result-name{font-weight:600;font-size:14px;color:#0e1e30;flex-shrink:0;min-width:100px}.cp-result-email{font-size:13px;color:#666;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-empty,.cp-loading{padding:24px 16px;text-align:center;font-size:14px;color:#999}.cp-footer{padding:8px 16px;border-top:1px solid #eee;font-size:12px;color:#999;flex-shrink:0;text-align:center}.cp-detail-header{gap:12px;padding:12px 16px;border-bottom:1px solid #eee}.cp-detail-back,.cp-detail-header{display:flex;align-items:center;flex-shrink:0}.cp-detail-back{background:none;border:none;cursor:pointer;color:#666;font-size:13px;padding:4px 0;gap:2px;font-family:inherit}.cp-detail-back:hover{color:#0e1e30}.cp-detail-title{font-weight:600;font-size:15px;color:#0e1e30}.cp-detail-body{flex:1 1;overflow-y:auto;padding:8px 16px;display:flex;flex-direction:column}.cp-detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.cp-detail-row:last-child{border-bottom:none}.cp-detail-label{font-size:13px;color:#666;font-weight:500}.cp-detail-value{font-size:13px;color:#0e1e30;font-weight:600;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-detail-footer{padding:12px 16px;border-top:1px solid #eee;display:flex;justify-content:flex-end;flex-shrink:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}