#root{box-sizing:border-box;width:100%;max-width:100%;height:100%;margin:0 auto;padding:1rem}.app-container{box-sizing:border-box;height:100%;box-shadow:var(--shadow);background-color:#fff;border-radius:.5rem;flex-direction:column;width:100%;max-width:100%;margin:0 auto;padding:.5rem;display:flex;overflow:hidden}h1{color:var(--primary);margin-bottom:2rem}@media (width<=767px){#root,.app-container{padding:0}}:root{--primary:#2563eb;--background:#f8fafc;--text:#1e293b;--border:#e2e8f0;--shadow:0 4px 6px -1px #0000001a;background-color:var(--background);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5}body{min-height:100vh;margin:0}.header{vertical-align:middle;justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}h1{margin:0}.main-content{position:relative}.nav-menu{background:var(--background);box-shadow:var(--shadow);z-index:30;border-bottom:1px solid #ccc;border:1px solid var(--border);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;min-width:200px;margin-top:.5rem;padding:.5rem 1rem;display:flex;position:absolute;top:40px;left:0}.nav-left,.nav-center,.nav-right{flex:1}.nav-right{text-align:right}.nav-menu a{color:var(--text);border-radius:.25rem;margin:0 .5rem;padding:.5rem 1rem;text-decoration:none}.nav-menu a:hover{background:var(--background)}.nav-menu button{margin:0 .5rem}.menu-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.25rem;width:100%;padding:.5rem 1rem;font-size:1rem}.menu-item:hover{background:var(--background)}.title{color:#007bff;font-style:italic;font-weight:400}.nav-header{background-color:var(--background);border-bottom:1px solid #ccc;grid-template-columns:auto 1fr auto;align-items:center;padding:0 1rem;display:grid}.nav-left{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.nav-center{text-align:center;font-size:1.1rem;font-weight:700}.user-info{text-align:right}.menu-button{cursor:pointer;background:0 0;border:none;align-items:center;padding:.5rem;display:flex}.menu-button svg{width:1.5rem;height:1.5rem;color:var(--text,#1e293b)}.menu-button:hover{background:var(--background)}.user-info{color:var(--text);font-weight:500}.home-link{color:var(--text)}a.home-link{text-decoration:none}.crosswords-table{border:1px solid var(--border);border-radius:4px;height:400px;margin-top:1rem;overflow:hidden}.crosswords-table table{border-collapse:separate;border-spacing:0;width:100%}.crosswords-table thead{z-index:1;background:#fff;position:sticky;top:0}.crosswords-table tbody{height:360px;display:block;overflow-y:auto}.crosswords-table tr{table-layout:fixed;width:100%;display:table}.crosswords-table th,.crosswords-table td{text-align:left;width:20%;padding:.75rem}.crosswords-table th{cursor:pointer;text-align:left;background:var(--background);border-bottom:2px solid var(--border);padding:.75rem;position:relative}.crosswords-table th:hover{background:var(--background-hover)}.crosswords-table th.asc:after{content:"↑";margin-left:.5rem}.crosswords-table th.desc:after{content:"↓";margin-left:.5rem}.crosswords-table td{border-bottom:1px solid var(--border);padding:.75rem}.select-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.25rem;padding:.5rem 1rem}.select-button:hover{opacity:.9}.select-group{align-items:center;margin-bottom:1rem;display:flex}.select-group label{width:120px;margin-right:10px;font-weight:700}.select-group select{flex:1;padding:4px 8px;font-size:1rem}.preview-container{flex-direction:column;gap:2rem;padding:1rem;display:flex}.session-creation{background:var(--background);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.session-creation h3{color:var(--primary);margin:0 0 1rem}.session-form{flex-direction:column;gap:1rem;display:flex}.session-form label{align-items:center;gap:.5rem;display:flex}.session-form input[type=text]{border:1px solid var(--border);border-radius:4px;flex:1;padding:.5rem}.allow-join{font-weight:500}.create-session{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.75rem;font-weight:500}.navigation{justify-content:flex-start;display:flex}.back-button{background:var(--background);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:.5rem 1rem}.back-button:hover{background:var(--border)}.button-group{gap:1rem;margin-top:1rem;display:flex}.create-session,.cancel-button{cursor:pointer;border:none;border-radius:4px;flex:1;padding:.75rem;font-weight:500}.create-session{background:var(--primary);color:#fff}.cancel-button{background:var(--background);border:1px solid var(--border);color:var(--text)}.create-session:hover{opacity:.9}.cancel-button:hover{background:var(--border)}.crossword-grid{border-collapse:collapse;box-sizing:border-box;gap:0;display:grid}.completion-message{color:#fff;z-index:1001;text-align:center;background-color:#4caf50;border-radius:4px;width:max-content;padding:10px 20px;font-size:18px;font-weight:700;box-shadow:0 2px 5px #0003}.error-message{color:#fff;z-index:1001;text-align:center;background-color:red;border-radius:4px;min-width:150px;min-height:20px;padding:10px 20px;font-size:18px;font-weight:700;position:fixed;top:50px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0003}.crossword-grid-container{box-sizing:border-box;padding:2px;position:relative;overflow:hidden}.floating-status{z-index:1001;pointer-events:none;position:absolute;top:4%;left:3%;transform:translateZ(0)}.completion-message{animation:22s linear infinite alternate crossword-float-a}.completion-header{margin-bottom:2px;font-size:18px;font-weight:700}.completion-comparison{border-top:1px solid #fff6;flex-direction:column;align-items:center;gap:4px;margin-top:6px;padding-top:6px;font-size:.72rem;font-weight:400;display:flex}.comparison-label{opacity:.9;white-space:nowrap}.comparison-participants{gap:3px;display:flex}.comparison-detail{opacity:.9;white-space:nowrap}.error-message{animation:18s linear infinite alternate crossword-float-b}@keyframes crossword-float-a{0%{top:4%;left:3%}20%{top:8%;left:20%}40%{top:52%;left:15%}60%{top:55%;left:3%}80%{top:20%;left:12%}to{top:4%;left:3%}}@keyframes crossword-float-b{0%{top:10%;left:8%}25%{top:75%;left:12%}50%{top:82%;left:55%}75%{top:16%;left:50%}to{top:10%;left:8%}}.crossword-grid-container{min-height:450px;position:relative}.fireworks-canvas{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}.crossword-cell{box-sizing:border-box;border:1px solid #00000040;justify-content:center;align-items:center;width:30px;height:30px;margin:0;padding:0;transition:background-color 1s;display:flex;position:relative}.crossword-cell.black{background-color:#000}.cellerror{color:red}.selected-cell{border-width:2px;border-color:#00f}.selected-clue{background-color:#add8e6!important}.right-line{border-right:1px solid #000}.bottom-line{border-bottom:1px solid #000}.left-line{border-left:1px solid #000}.top-line{border-top:1px solid #000}.cluenum{margin:0;padding:0;position:absolute;top:0;left:0}.with-text{font-size:.55em}.no-text{font-size:.7em}.crossword-cell span{font-size:1em}.crossword-clues{text-align:left;flex-direction:column;display:flex;overflow-y:auto}.clues-section{justify-content:space-between;display:flex}.across-clues,.down-clues{width:45%}.across-clues h3,.down-clues h3{margin-bottom:1rem;padding-left:0}.across-clues ul,.down-clues ul{text-align:left;margin:0;padding-left:0;list-style:none}.across-clues li,.down-clues li{margin-bottom:.25rem;padding-left:0;list-style:none}.clue-direction{margin-top:0;margin-right:.5rem;font-weight:700}.mode-selector{background:var(--background);border-radius:8px;gap:0;padding:.5rem 0;display:inline-flex}.mode-button{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;margin:2px;padding:.3rem .75rem;font-size:.9rem;transition:all .2s}.mode-button:hover{background:#0000000d}.mode-button.selected{color:var(--primary);background:#fff;box-shadow:0 2px 4px #0000001a}.mode-button:focus{box-shadow:0 0 0 2px var(--primary);outline:none}.crossword-display{flex-direction:column;flex-grow:1;gap:1rem;height:100%;display:flex;overflow-y:hidden}.left-column{flex-direction:column;gap:0;width:fit-content;min-width:468px;display:flex;overflow-y:auto}.crossword-grid{width:max-content}.mode-selector{width:100%}.crossword-display.watermark{position:relative}.crossword-display.watermark:before{content:"PREVIEW";color:#8080804d;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:20;font-size:12rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.crossword-display>*{z-index:2;position:relative}.crossword-header{border-radius:4px;width:100%;padding:.1rem}.header-details{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:100%;display:grid}.header-details span:first-child{justify-self:start}.header-details span:nth-child(2){justify-self:center}.header-details span:last-child{justify-self:end}.header-details span{background:#fff;border-radius:4px;font-size:.9rem}.content-area{flex-direction:row;gap:2rem;display:flex;overflow-y:hidden}.app-container,.session-page,.crossword-display,.crossword-grid-container,.mobile-content{min-width:450px;margin-left:auto;margin-right:auto;overflow-x:auto}@media (width<=767px){.mobile-content{flex-direction:column;gap:1rem;display:flex}.mobile-clue{background:var(--background);text-align:center;border-radius:4px;padding:1rem;font-size:1rem}.mobile-content .scratchpad{width:100%}}.scratchpad{flex-direction:column;width:100%;margin-top:1rem;display:flex}.scratchpad label{margin-bottom:.5rem;font-weight:700}.scratchpad textarea{resize:vertical;box-sizing:border-box;background-color:#fff;border:1px solid #ccc;border-radius:4px;width:100%;height:calc(3em + 1.2rem);padding:.6rem;font-family:inherit}.left-column .scratchpad{flex:1}.grid-header{width:100%;margin-bottom:0}.publication-info{justify-content:space-between;align-items:flex-start;width:100%;padding:0 0;display:flex}.participants-with-stats{align-items:center;gap:8px;display:flex}.stats-button-grid{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:2px;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000001a}.stats-button-grid:hover{background:#f3f4f6;border-color:#d1d5db}.stats-button-grid:disabled{opacity:.6;cursor:not-allowed}.stats-button-grid:disabled:hover{background:#fff;border-color:#e5e7eb}.stats-button-grid .h-5,.stats-button-grid .w-5{width:16px;height:16px}.setter-name{text-align:left;color:#333;font-weight:700}.publication-date{text-align:right;color:#333;font-style:italic}@media (width<=767px){.publication-info{padding:.25rem 0}.publication-date,.setter-name{font-size:.9rem}}.crossword-clues-container{flex-grow:1;height:100%;overflow-y:auto}.session-participants{flex-wrap:wrap;align-items:center;margin:0 8px;padding:0;display:flex}.participants-title{color:#555;white-space:nowrap;margin-right:10px;font-size:.9rem;font-weight:500}.participants-list{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.participant-circle{color:#000;-webkit-user-select:none;user-select:none;background-color:#6750a4;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:500;transition:transform .2s;display:flex;box-shadow:0 1px 2px #0003}.participant-circle.updating{filter:invert()}.participant-circle:hover{cursor:default;transform:scale(1.1)}.participant-circle.loading{background-color:#ccc;font-size:.5rem;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.home-container{max-width:1200px;margin:0 auto;padding:2rem;overflow:auto}.home-container h1{text-align:center;color:var(--primary);margin-bottom:3rem}.options-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem;display:grid}.option-card{color:var(--text);background:#fff;border-radius:12px;padding:2rem;text-decoration:none;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 4px 6px -1px #0000001a}.option-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.option-card h2{color:var(--primary);margin:0 0 1rem}.option-card p{color:var(--text);opacity:.8;margin:0}.arrow{opacity:0;font-size:1.5rem;transition:opacity .2s;position:absolute;bottom:1.5rem;right:1.5rem}.option-card:hover .arrow{opacity:1}.intro{text-align:center;color:var(--text);opacity:.8;margin-bottom:2rem}.auth-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;width:300px;max-width:400px;margin:4rem auto;padding:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.auth-toggle{background:#f3f4f6;border-radius:8px;margin-bottom:20px;padding:.25rem;display:flex}.auth-toggle button{color:#333;cursor:pointer;background-color:#ddd;border:none;border-radius:6px;flex:1;padding:10px;font-weight:500;transition:background-color .3s}.auth-toggle button.active{color:#fff;background-color:#bbb;box-shadow:0 2px 4px #0000001a}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-form h3{text-align:center;color:#111827;margin-bottom:20px;font-size:1.5rem;font-weight:600}.auth-form input{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:10px;font-size:16px;transition:border-color .2s}.auth-form input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.auth-form button{color:#fff;cursor:pointer;background-color:#5cb85c;border:none;border-radius:4px;padding:10px 15px;font-size:16px;font-weight:500;transition:background-color .3s}.auth-form button:hover{background-color:#4cae4c}.message{border-radius:4px;margin-bottom:15px;padding:10px;font-size:.875rem}.message.success{color:#3c763d;background-color:#dff0d8;border:1px solid #d6e9c6}.message.error{color:#a94442;background-color:#f2dede;border:1px solid #ebccd1}.remember-me{color:#4b5563;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.remember-me input[type=checkbox]{width:1rem;height:1rem}@media (width<=480px){.auth-container{margin:2rem;padding:1.5rem}}.auth-form-link{color:#2563eb;cursor:pointer;text-align:center;background:0 0;border:none;margin-top:10px;padding:5px;font-size:.875rem;text-decoration:underline}.auth-form-link:hover{color:#1e40af;background-color:#0000}.auth-form-form{flex-direction:column;display:flex}.auth-form-input{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:10px;font-size:16px;transition:border-color .2s}.auth-form-button{color:#fff;cursor:pointer;background-color:#5cb85c;border:none;border-radius:4px;padding:10px 15px;font-size:16px;font-weight:500;transition:background-color .3s}.auth-form-label{margin-bottom:15px}.forgot-password-link{width:auto;margin-top:5px;margin-bottom:10px;font-weight:400;display:inline-block;box-shadow:none!important;color:#2563eb!important;cursor:pointer!important;text-align:left!important;background:0 0!important;border:none!important;padding:0!important;font-size:.85rem!important;text-decoration:underline!important}.forgot-password-link:hover{color:#1e40af;background-color:#0000;text-decoration:underline}.notification-manager{background-color:#fff;border-radius:.5rem;max-width:28rem;margin:2rem auto;padding:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.notification-manager__title{color:#1f2937;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.notification-manager__message{color:#6b7280;margin-bottom:1rem}.topic-selection{margin-bottom:1.5rem}.topic-selection__title{color:#1f2937;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.topic-list{flex-direction:column;gap:.75rem;display:flex}.topic-item{position:relative}.topic-item__label{cursor:pointer;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:flex-start;padding:1rem;transition:all .2s ease-in-out;display:flex}.topic-item__label:hover{background-color:#f3f4f6;border-color:#d1d5db}.topic-item__checkbox{color:#2563eb;border-color:#d1d5db;border-radius:.25rem;width:1rem;height:1rem;margin-top:.25rem}.topic-item__checkbox:focus{outline-offset:2px;outline:2px solid #2563eb;box-shadow:0 0 0 2px #93c5fd}.topic-item__content{flex:1;margin-left:.75rem}.topic-item__title{color:#111827;margin-bottom:.25rem;font-weight:500}.topic-item__description{color:#6b7280;font-size:.875rem;line-height:1.5}.topic-item__checkmark{flex-shrink:0;margin-left:.5rem}.topic-item__checkmark-icon{color:#10b981;fill:currentColor;width:1.25rem;height:1.25rem}.selected-count{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;margin-top:.75rem;padding:.75rem}.selected-count__text{color:#1e40af;font-size:.875rem}.selected-count__emphasis{font-weight:500}.notification-btn{cursor:pointer;border:none;border-radius:.375rem;outline:none;width:100%;padding:.5rem 1rem;font-weight:700;transition:all .3s}.notification-btn:focus{outline-offset:2px;outline:2px solid #0000;box-shadow:0 0 0 2px #3b82f680}.notification-btn:disabled{cursor:not-allowed;opacity:.6}.notification-btn--primary{color:#fff;background-color:#3b82f6}.notification-btn--primary:hover:not(:disabled){background-color:#2563eb}.notification-btn--primary:focus{box-shadow:0 0 0 2px #3b82f680}.notification-btn--success{color:#fff;background-color:#10b981}.notification-btn--success:hover:not(:disabled){background-color:#059669}.notification-btn--success:focus{box-shadow:0 0 0 2px #10b98180}.notification-btn--success:disabled{background-color:#d1d5db}.notification-btn--danger{color:#fff;background-color:#ef4444}.notification-btn--danger:hover:not(:disabled){background-color:#dc2626}.notification-btn--danger:focus{box-shadow:0 0 0 2px #ef444480}.notification-error{color:#ef4444;margin-top:1rem}.session-chooser{flex-direction:column;max-width:1280px;height:calc(100vh - 100px);margin:0 auto;padding:1rem;display:flex}.session-header{flex:none;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.session-header h1{margin-bottom:.5rem}.show-completed{align-items:center;gap:.5rem;display:flex}.sessions-table{border:1px solid var(--border);box-sizing:border-box;background:#fff;border-radius:.5rem;flex:1;min-height:200px;overflow-y:auto}.sessions-table table{border-collapse:collapse;box-sizing:border-box;width:100%}.sessions-table th,.sessions-table td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem}.sessions-table th{z-index:10;border-bottom:2px solid var(--border);background-color:#f2f2f2;position:sticky;top:0}.sessions-table tr:nth-child(2n){background-color:#f9f9f9}.sessions-table tr:hover{background-color:#f1f1f1}tr.completed{color:#777;background:#f8fafc}tr:hover{background:var(--background)}.status{border-radius:4px;padding:.25rem .5rem;font-size:.85rem;font-weight:700}.status.active{color:#3c763d;background-color:#dff0d8}.status.completed{color:#a94442;background-color:#f2dede}.view-button{color:#fff;cursor:pointer;background-color:#006400;border:none;border-radius:4px;padding:.25rem .5rem}.join-button{color:#fff;cursor:pointer;background-color:#5bc0de;border:none;border-radius:4px;padding:.25rem .5rem}.join-button:disabled{cursor:not-allowed;background-color:#ccc}.join-button:not(:disabled):hover{opacity:.9}.filters{gap:1rem;margin-bottom:1rem;display:flex}.show-completed,.show-mine{align-items:center;gap:.5rem;display:flex}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;min-width:400px;min-height:300px;max-height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.modal-header{-webkit-user-select:none;user-select:none;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h2{color:#1f2937;margin:0;font-size:1.5rem;font-weight:600}.close-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:4px;font-size:24px;transition:background-color .2s}.close-button:hover{color:#1f2937;background-color:#e5e7eb}.modal-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.tabs{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.tab:hover{color:#1f2937;background-color:#e5e7eb}.tab.active{color:#2563eb;background-color:#fff;border-bottom-color:#2563eb}.tab-content{box-sizing:border-box;flex-direction:column;flex:1;min-height:0;padding:20px;display:flex;overflow:hidden}.table-wrapper{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.table-container{border:1px solid #e5e7eb;border-radius:6px;flex:1;height:100%;min-height:0;position:relative;overflow:hidden auto}.stats-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:14px}.stats-table th{text-align:left;color:#1f2937;white-space:nowrap;vertical-align:middle;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-weight:600}.stats-table th:nth-child(2),.stats-table th:nth-child(3),.stats-table th:nth-child(4),.stats-table th:nth-child(5),.stats-table th:nth-child(6){text-align:right}.stats-table th:nth-child(7){text-align:center}.stats-table th:nth-child(2):not(:nth-child(3)){text-align:right}.stats-table th:nth-child(3):last-child{text-align:center}.stats-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.stats-table th.sortable:hover{background-color:#e5e7eb}.stats-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px 16px}.stats-table td:nth-child(2),.stats-table td:nth-child(3),.stats-table td:nth-child(4),.stats-table td:nth-child(5),.stats-table td:nth-child(6),.stats-table td:nth-child(2):not(.email-cell):not(.performance-cell){text-align:right}.stats-table tr.even{background-color:#fff}.stats-table tr.odd{background-color:#f9fafb}.stats-table tr:hover{background-color:#e0f2fe}.email-cell{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:500;overflow:hidden}.performance-cell{text-align:center}.performance-badge{text-align:center;border-radius:12px;min-width:40px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.performance-badge.excellent{color:#166534;background-color:#dcfce7}.performance-badge.good{color:#1e40af;background-color:#dbeafe}.performance-badge.average{color:#92400e;background-color:#fef3c7}.performance-badge.below-average{color:#dc2626;background-color:#fee2e2}.no-data{text-align:center;color:#6b7280;justify-content:center;align-items:center;height:100%;padding:40px 20px;font-style:italic;display:flex}.resize-handle{cursor:se-resize;background:linear-gradient(-45deg,#0000 0% 30%,#d1d5db 30% 40%,#0000 40% 70%,#d1d5db 70% 80%,#0000 80%);border-top-left-radius:4px;width:20px;height:20px;position:absolute;bottom:0;right:0}.resize-handle:hover{background:linear-gradient(-45deg,#0000 0% 30%,#9ca3af 30% 40%,#0000 40% 70%,#9ca3af 70% 80%,#0000 80%)}@media (width<=768px){.modal-content{max-width:95vw;max-height:95vh;margin:10px}.modal-header{padding:15px}.modal-header h2{font-size:1.25rem}.tab-content{padding:15px}.stats-table{font-size:12px}.stats-table th,.stats-table td{padding:8px 12px}.email-cell{max-width:120px}}@media (width<=480px){.tabs{flex-direction:column}.tab{border-bottom:1px solid #e5e7eb;border-right:none}.tab.active{border-bottom:1px solid #2563eb;border-right:none}.table-container{overflow-x:auto}.stats-table{min-width:600px}}.session-page{flex-direction:column;flex-grow:1;height:100%;padding:10px;display:flex;overflow:auto hidden}@media (width<=767px){.session-page{padding:.5rem}.session-page h3{text-align:center;font-size:1.2rem}.content-container{flex-direction:column;flex-grow:1;align-items:stretch;height:100%;overflow-y:hidden}.content-container>*{margin-bottom:10px;margin-right:0}.jitsi-meet{order:-1;width:100%!important}.jitsi-meet iframe{height:300px}}.content-container{flex-direction:row;flex-grow:1;align-items:flex-start;height:100%;display:flex;overflow:auto}.content-container>:not(:first-child){margin-left:20px}.jitsi-meet{resize:both;border-top:24px;flex-grow:0;flex-shrink:0;width:25vw;min-width:200px;height:600px;overflow:auto}.jitsi-meet iframe{width:100%;height:100%}.resizable-container{resize:both;width:25vw;min-width:200px;height:600px;padding-top:24px;transition:all .3s;position:relative;overflow:auto}.resizable-container.collapsed{resize:none;width:auto;min-width:25px;height:auto;overflow:visible}.container-controls{z-index:1000;gap:4px;display:flex;position:absolute;top:0;left:0}.slider-toggle{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000001a}.slider-toggle:hover{background:#f3f4f6;border-color:#d1d5db}.h-6{height:24px}.w-6{width:24px}.resizable-container:after{content:"";cursor:se-resize;background:url(/path/to/grab-handle-icon.png) 50% no-repeat;width:15px;height:15px;position:absolute;bottom:0;right:0}.resizable-container .jitsi-meet{width:100%;height:100%}.resizable-container .jitsi-meet iframe{border:0;width:100%;height:100%;overflow-y:auto;display:block!important}.resizable-container .jitsi-meet,.resizable-container .jitsi-meet iframe{width:100%!important;height:100%!important}