html,body,#root{width:100%;min-height:100%;margin:0}body{background:#0b0b0b}*{box-sizing:border-box}body{color:#f2f2f2;background:#0f0f0f;margin:0;font-family:Inter,Manrope,Arial,sans-serif}.app{background:#0b0b0b;width:100%;min-height:100vh}.header{background:#111;border-bottom:2px solid #242424;justify-content:center;align-items:center;height:70px;display:flex;position:relative}.logo{color:#e4bb4d;letter-spacing:1px;align-items:center;gap:16px;font-size:42px;font-weight:570;line-height:2;display:flex}.logo img{object-fit:contain;width:80px;height:55px}.layout{width:100%;height:calc(100vh - 70px);display:flex;overflow:hidden}.sidebar{background:#111;border-right:2px solid #242424;flex-direction:column;align-items:stretch;width:200px;height:calc(100vh - 70px);padding:80px 0 0;display:flex;position:sticky;top:0;overflow:hidden}.sidebar button{color:#f2f2f2;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:14px 20px;font-family:inherit;font-size:30px;font-weight:400;transition:color .2s}.sidebar button:hover,.sidebar button.active{color:#d8ab4c}.main{background:#121212;flex:1;padding:60px;overflow-y:auto}.page{width:100%}.page-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.page-header h2{color:#f2f2f2;margin:0;font-size:42px;font-weight:500}.empty-text{color:#777;margin:0;font-size:20px}.app-button{color:#f2f2f2;cursor:pointer;background:0 0;border:1px solid #f2f2f2;border-radius:10px;width:130px;height:46px;font-family:inherit;font-size:18px;font-weight:400;line-height:1;transition:all .2s}.app-button:hover{color:#c9a227;border-color:#c9a227}.logout-button{color:#f2f2f2;cursor:pointer;background:0 0;border:1px solid #f0ebeb;border-radius:9px;width:110px;height:38px;font-family:inherit;font-size:16px;transition:all .2s;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.logout-button:hover{color:#d8ab4c;border-color:#d8ab4c}.blocks-area{background:#0f0f0f;border:1px solid #242424;border-radius:18px;min-height:400px;padding:30px}.dictionary-block{cursor:pointer;background:#101010;border:1px solid #242424;border-radius:16px;margin-bottom:24px;padding:22px 24px 24px;transition:border-color .2s,background .2s,transform .2s;position:relative}.dictionary-block:hover{background:#131313;border-color:#d8ab4c;transform:translateY(-2px)}.block-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.block-card-header h3{color:#f2f2f2;margin:0;font-size:26px;font-weight:500}.block-preview{flex-direction:column;gap:10px;display:flex}.preview-word{color:#d0d0d0;grid-template-columns:1fr 1fr;font-size:18px;display:grid}.block-preview-empty{color:#777;margin:0;font-size:18px}.preview-dots{color:#777;margin:8px 0 0}.opened-block{background:#0f0f0f;border:1px solid #242424;border-radius:18px;min-height:360px;margin-bottom:32px;padding:28px}.opened-block-actions{align-items:center;gap:12px;display:flex}.words-table{width:100%}.words-table-header,.word-row{border-bottom:1px solid #242424;grid-template-columns:1fr 1fr 2fr 48px;gap:20px;padding:14px 12px;display:grid}.words-table-header{color:#999;text-transform:uppercase;letter-spacing:1px;font-size:15px}.word-row{color:#f2f2f2;border-radius:10px;align-items:center;font-size:18px;transition:background .2s;position:relative}.word-row:hover{background:#ffffff0e}.block-menu-wrapper,.row-menu-wrapper{justify-content:flex-end;display:flex;position:relative}.dots-button{color:#999;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;width:34px;height:30px;font-size:22px;line-height:1;transition:all .2s}.dots-button:hover,.dots-button.active{color:#d8ab4c;background:#181818;border-color:#444}.word-dots-button{opacity:0;pointer-events:none}.word-row:hover .word-dots-button,.word-dots-button.active{opacity:1;pointer-events:auto}.custom-menu{z-index:20;background:#101010;border:1px solid #2d2d2d;border-radius:12px;min-width:130px;padding:8px;position:absolute;top:36px;right:0;box-shadow:0 18px 40px #00000073}.word-menu{top:34px}.custom-menu button{color:#f2f2f2;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:15px;transition:all .2s}.custom-menu button:hover{color:#d8ab4c;background:#1b1b1b}.custom-menu .danger-menu-button{color:#d46a6a}.custom-menu .danger-menu-button:hover{color:#ff8a8a;background:#d46a6a1f}.modal-overlay{z-index:100;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:#101010;border:1px solid #2a2a2a;border-radius:20px;width:min(680px,100%);padding:28px;box-shadow:0 24px 70px #000000a6}.small-modal{width:min(560px,100%)}.modal-card h3{color:#f2f2f2;margin:0 0 22px;font-size:42px;font-weight:500}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-form input{color:#f2f2f2;background:#0b0b0b;border:1px solid #333;border-radius:14px;outline:none;width:100%;height:64px;padding:0 20px;font-family:inherit;font-size:24px;transition:all .2s}.modal-form input::placeholder{color:#777}.modal-form input:focus{border-color:#d8ab4c}.modal-form textarea{color:#f2f2f2;resize:vertical;background:#0b0b0b;border:1px solid #333;border-radius:14px;outline:none;width:100%;min-height:140px;padding:16px 20px;font-family:inherit;font-size:18px;transition:all .2s}.modal-form textarea::placeholder{color:#777}.modal-form textarea:focus{border-color:#d8ab4c}.modal-actions{justify-content:flex-end;gap:18px;margin-top:42px;display:flex}.modal-button{color:#f2f2f2;cursor:pointer;background:0 0;border:1px solid #f2f2f2;border-radius:14px;width:170px;height:64px;font-family:inherit;font-size:26px;font-weight:400;line-height:1;transition:all .2s}.modal-button:hover{color:#d8ab4c;border-color:#d8ab4c}.modal-button:disabled{opacity:.35;cursor:not-allowed}.modal-button:disabled:hover{color:#f2f2f2;border-color:#f2f2f2}.modal-button-danger{color:#d46a6a;border-color:#d46a6a}.modal-button-danger:hover{color:#ff8a8a;background:#d46a6a1f;border-color:#ff8a8a}.modal-text{color:#bdbdbd;margin:0;font-size:22px;line-height:1.5}.modal-text span{color:#f2f2f2}.note-editor{color:#f2f2f2;resize:none;background:#0f0f0f;border:1px solid #242424;border-radius:18px;outline:none;width:100%;min-height:calc(100vh - 220px);padding:28px;font-family:inherit;font-size:18px;line-height:1.8;transition:border-color .2s}.note-editor:focus{border-color:#333}.note-editor::placeholder{color:#444}.save-status{color:#666;font-size:15px}.save-status.saved{color:#d8ab4c}.training-card{background:#0f0f0f;border:1px solid #242424;border-radius:18px;flex-direction:column;justify-content:center;min-height:320px;padding:40px;display:flex}.training-sentence{color:#f2f2f2;margin:0 0 32px;font-size:28px;line-height:1.7}.training-gap{color:#d8ab4c;margin:0 4px;display:inline;text-decoration:none!important}.training-gap.correct{color:#5a9e6f}.training-gap.wrong{color:#d46a6a}.training-input-row{align-items:center;gap:16px;display:flex}.training-input{color:#f2f2f2;background:#0b0b0b;border:1px solid #333;border-radius:14px;outline:none;flex:1;height:58px;padding:0 20px;font-family:inherit;font-size:22px;transition:border-color .2s}.training-input:focus{border-color:#d8ab4c}.training-feedback{flex-direction:column;display:flex}.training-correct{color:#5a9e6f;margin:0;font-size:22px}.training-wrong{color:#d46a6a;margin:0;font-size:22px}.training-wrong span{color:#f2f2f2;font-weight:500}.training-progress{color:#888;font-size:20px}.training-result-final{text-align:center;flex-direction:column;align-items:center;display:flex}.training-score{color:#d8ab4c;margin:0;font-size:80px;font-weight:700;line-height:1}.training-score-label{color:#888;margin:16px 0 0;font-size:20px}.training-finish-actions{gap:16px;margin-top:32px;display:flex}.training-exit-button{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:9px;height:38px;padding:0 18px;font-family:inherit;font-size:16px;transition:all .2s}.training-exit-button:hover{color:#d46a6a;border-color:#d46a6a}.training-skip-button{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:14px;flex-shrink:0;width:52px;height:58px;font-size:22px;transition:all .2s}.training-skip-button:hover{color:#d8ab4c;border-color:#d8ab4c}.training-hints{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.training-hint-button{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:9px;height:38px;padding:0 18px;font-family:inherit;font-size:15px;transition:all .2s}.training-hint-button:hover:not(:disabled){color:#d8ab4c;border-color:#d8ab4c}.training-hint-button:disabled{opacity:.4;cursor:not-allowed}.training-hint-text{color:#d8ab4c;font-size:18px}.shown-word{color:#d46a6a}mark{background:0 0;text-decoration:none!important}.training-options{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.training-option{color:#f2f2f2;cursor:pointer;background:0 0;border:1px solid #333;border-radius:10px;height:44px;padding:0 20px;font-family:inherit;font-size:18px;transition:all .2s}.training-option:hover{color:#d8ab4c;border-color:#d8ab4c}.training-option.selected{color:#d8ab4c;background:#d8ab4c14;border-color:#d8ab4c}.training-divider{background:#242424;width:100%;height:1px;margin:20px 0}.welcome-screen{width:100%;height:1-0%;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:70px;margin-left:-80px;animation:1.4s forwards welcomeFadeIn;display:flex}.welcome-title{color:#b4b4b473;letter-spacing:2px;margin:0;font-size:36px;font-weight:400}.welcome-sub{color:#9696964d;letter-spacing:1px;margin:0;font-size:18px;font-weight:300}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header-actions{align-items:center;gap:12px;display:flex}.search-wrapper{position:relative}.search-toggle-button{color:#f2f2f2;cursor:pointer;background:0 0;border:1px solid #f2f2f2;border-radius:10px;justify-content:center;align-items:center;width:60px;height:46px;transition:all .2s;display:flex}.search-toggle-button:hover,.search-toggle-button.active{color:#c9a227;border-color:#c9a227}.search-toggle-button.active{color:#d8ab4c;border-color:#d8ab4c}.search-dropdown{z-index:50;background:#101010;border:1px solid #2d2d2d;border-radius:14px;width:280px;padding:8px;position:absolute;top:54px;right:0;box-shadow:0 18px 40px #00000073}.search-input{color:#f2f2f2;background:#0b0b0b;border:1px solid #333;border-radius:10px;outline:none;width:100%;height:42px;padding:0 14px;font-family:inherit;font-size:16px;transition:border-color .2s}.search-input:focus{border-color:#d8ab4c}.search-input::placeholder{color:#555}.search-results{flex-direction:column;gap:2px;margin-top:8px;display:flex}.search-result-item{color:#f2f2f2;cursor:pointer;border-radius:8px;padding:10px 12px;font-size:16px;transition:all .2s}.search-result-item:hover{color:#d8ab4c;background:#1b1b1b}.search-no-results{color:#555;margin:0;padding:10px 12px;font-size:15px}.training-sentence-row{align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.training-sentence-row .training-sentence{flex:1;margin:0}.training-result-icon{flex-shrink:0;font-size:32px;font-weight:700;line-height:1.7}.correct-icon{color:#5a9e6f}.wrong-icon{color:#d46a6a}.section-fade{width:100%;animation:.3s forwards sectionFadeIn}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.training-sentence-wrapper{align-items:flex-start;gap:14px;margin-bottom:32px;display:flex}.training-sentence-wrapper .training-sentence{flex:1;margin:0}.voice-button{cursor:pointer;background:0 0;border:1px solid #333;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;transition:all .2s;display:flex}.voice-button:hover:not(:disabled){border-color:#d8ab4c}.voice-button.speaking{border-color:#d8ab4c;animation:1s infinite pulse}.voice-button:disabled{opacity:.4;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar-user-row{cursor:pointer;border-top:1px solid #1e1e1e;align-items:center;gap:12px;margin-top:auto;padding:14px 16px;transition:background .2s;display:flex}.sidebar-user-row:hover,.sidebar-user-row.active{background:#161616}.sidebar-user-row.active .sidebar-user-name,.sidebar-user-row:hover .sidebar-user-name{color:#d8ab4c}.sidebar-user-avatar{color:#d8ab4c;background:#1a1a1a;border:1px solid #333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:500;transition:border-color .2s;display:flex}.sidebar-user-row:hover .sidebar-user-avatar,.sidebar-user-row.active .sidebar-user-avatar{border-color:#d8ab4c}.sidebar-user-name{color:#f2f2f2;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;transition:color .2s;overflow:hidden}.presence-banner{border-bottom:1px solid #242424;justify-content:center;align-items:center;gap:20px;height:44px;font-size:15px;display:flex}.presence-banner b{font-weight:600}.teacher-banner{color:#d8ab4c;background:#d8ab4c14;border-bottom-color:#d8ab4c4d}.student-banner{color:#5a9e6f;background:#5a9e6f14;border-bottom-color:#5a9e6f4d}.presence-exit-button{color:#d8ab4c;cursor:pointer;background:0 0;border:1px solid #d8ab4c;border-radius:8px;height:30px;padding:0 14px;font-family:inherit;font-size:13px;transition:all .2s}.presence-exit-button:hover{background:#d8ab4c26}.auth-page{background:radial-gradient(circle at top,#d8ab4c14,#0000 34%),#0b0b0b;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px;display:flex}.auth-card{background:#101010;border:1px solid #2a2a2a;border-radius:26px;width:min(560px,100%);padding:42px;box-shadow:0 28px 80px #000000a6}.auth-logo{color:#e0b24e;letter-spacing:8px;justify-content:center;align-items:center;gap:14px;margin-bottom:34px;font-size:42px;font-weight:700;display:flex}.auth-logo-icon{color:#ff5da2;letter-spacing:0;border:2px solid #e0b24e;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:32px;display:inline-flex}.auth-header{margin-bottom:32px}.auth-header h1{color:#f2f2f2;margin:0 0 12px;font-size:44px;font-weight:500}.auth-header p{color:#8c8c8c;margin:0;font-size:18px;line-height:1.5}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form input{color:#f2f2f2;background:#0b0b0b;border:1px solid #333;border-radius:14px;outline:none;width:100%;height:58px;padding:0 18px;font-family:inherit;font-size:20px;transition:all .2s}.auth-form input::placeholder{color:#777}.auth-form input:focus{border-color:#d8ab4c}.auth-submit-button{color:#f2f2f2;cursor:pointer;background:0 0;border:1px solid #f2f2f2;border-radius:14px;width:100%;height:60px;margin-top:8px;font-family:inherit;font-size:22px;transition:all .2s}.auth-submit-button:hover{color:#d8ab4c;border-color:#d8ab4c}.auth-submit-button:disabled{opacity:.35;cursor:not-allowed}.auth-submit-button:disabled:hover{color:#f2f2f2;border-color:#f2f2f2}.auth-error{color:#d46a6a;margin:0;font-size:16px;line-height:1.4}.auth-success{color:#d8ab4c;margin:0;font-size:16px;line-height:1.4}.auth-switch{color:#888;justify-content:center;align-items:center;gap:10px;margin-top:26px;font-size:17px;display:flex}.auth-switch button{color:#d8ab4c;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:17px}.auth-switch button:hover{text-decoration:underline}.profile-page{flex-direction:column;align-items:flex-start;gap:32px;max-width:480px;display:flex}.profile-card{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.profile-avatar-large{color:#d8ab4c;background:#1f1a0f;border:1px solid #d8ab4c;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:8px;font-size:30px;font-weight:500;display:flex}.profile-username{color:#f2f2f2;margin:0;font-size:32px;font-weight:500}.profile-email{color:#777;margin:0;font-size:18px}.profile-role-badge{color:#d8ab4c;letter-spacing:.5px;text-transform:uppercase;background:#1a1a1a;border:1px solid #333;border-radius:20px;padding:4px 14px;font-size:13px;display:inline-block}.profile-students-section{background:#0f0f0f;border:1px solid #242424;border-radius:16px;width:100%;padding:24px}.profile-students-soon{color:#555;margin:0;font-size:16px}.profile-logout-button{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:10px;width:130px;height:46px;font-family:inherit;font-size:18px;transition:all .2s}.profile-logout-button:hover{color:#d46a6a;border-color:#d46a6a}.students-title{color:#f2f2f2;margin:0 0 18px;font-size:24px;font-weight:500}.students-invite-row{gap:12px;margin-bottom:16px;display:flex}.students-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.admin-page{width:100%}.admin-tabs{border-bottom:1px solid #242424;gap:4px;margin-bottom:36px;padding-bottom:0;display:flex}.admin-tab{color:#777;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px 12px;font-family:inherit;font-size:18px;font-weight:400;transition:all .2s}.admin-tab:hover{color:#f2f2f2}.admin-tab.active{color:#d8ab4c;border-bottom-color:#d8ab4c}.admin-stat-cards{flex-wrap:wrap;gap:20px;display:flex}.admin-stat-card{background:#0f0f0f;border:1px solid #242424;border-radius:16px;flex-direction:column;flex:1;gap:8px;min-width:160px;padding:28px 24px;display:flex}.admin-stat-value{color:#d8ab4c;margin:0;font-size:48px;font-weight:600;line-height:1}.admin-stat-label{color:#777;margin:0;font-size:16px}.admin-search-wrapper{max-width:480px;margin-bottom:16px;position:relative}.admin-search-input{color:#f2f2f2;background:#0b0b0b;border:1px solid #333;border-radius:12px;outline:none;width:100%;height:48px;padding:0 18px;font-family:inherit;font-size:16px;transition:border-color .2s}.admin-search-input:focus{border-color:#d8ab4c}.admin-search-input::placeholder{color:#555}.admin-suggestions{z-index:50;background:#101010;border:1px solid #2d2d2d;border-radius:12px;position:absolute;top:54px;left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #00000080}.admin-suggestion-item{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.admin-suggestion-item:hover{background:#1a1a1a}.suggestion-username{color:#f2f2f2;font-size:15px}.suggestion-email{color:#666;font-size:13px}.admin-total-label{color:#555;margin:0 0 16px;font-size:14px}.admin-users-table{background:#0f0f0f;border:1px solid #242424;border-radius:16px;overflow:visible}.admin-table-header,.admin-user-row{grid-template-columns:60px 1fr 1.6fr 120px 48px;align-items:center;gap:16px;padding:14px 16px;display:grid}.admin-table-header{color:#555;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #242424;font-size:13px}.admin-user-row{color:#f2f2f2;border-bottom:1px solid #1a1a1a;font-size:15px;transition:background .15s;position:relative}.admin-user-row:last-child{border-bottom:none}.admin-user-row:hover{background:#ffffff08}.admin-user-id{color:#555;font-size:13px}.admin-user-email{color:#888;font-size:14px}.admin-role-badge{text-transform:uppercase;letter-spacing:.5px;color:#888;background:#1a1a1a;border:1px solid #333;border-radius:20px;padding:3px 10px;font-size:12px;display:inline-block}.admin-role-badge.role-admin{color:#d8ab4c;background:#d8ab4c14;border-color:#d8ab4c}.admin-role-badge.role-teacher{color:#5a9e6f;background:#5a9e6f14;border-color:#5a9e6f}.admin-menu-wrapper{justify-content:flex-end;display:flex;position:relative}.admin-menu-wrapper .custom-menu{z-index:100;min-width:140px;position:absolute;inset:0 calc(100% + 8px) auto auto}.admin-pagination{flex-wrap:wrap;align-items:center;gap:6px;margin-top:20px;display:flex}.admin-page-button{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:8px;min-width:36px;height:36px;padding:0 10px;font-family:inherit;font-size:14px;transition:all .2s}.admin-page-button:hover:not(:disabled){color:#d8ab4c;border-color:#d8ab4c}.admin-page-button.active{color:#d8ab4c;background:#d8ab4c14;border-color:#d8ab4c}.admin-page-button:disabled{opacity:.3;cursor:not-allowed}.admin-role-select-wrapper{gap:10px;margin:20px 0;display:flex}.admin-role-option{color:#888;cursor:pointer;text-transform:capitalize;background:0 0;border:1px solid #333;border-radius:10px;flex:1;height:44px;font-family:inherit;font-size:15px;transition:all .2s}.admin-role-option:hover{color:#d8ab4c;border-color:#d8ab4c}.admin-role-option.active{color:#d8ab4c;background:#d8ab4c14;border-color:#d8ab4c}.students-invite-row{gap:12px;max-width:480px;margin-bottom:24px;display:flex}.students-invite-input{color:#f2f2f2;background:#0b0b0b;border:1px solid #333;border-radius:10px;outline:none;flex:1;height:46px;padding:0 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.students-invite-input:focus{border-color:#d8ab4c}.students-invite-input::placeholder{color:#555}.students-success{color:#5a9e6f;margin:0 0 16px;font-size:15px}.students-list{flex-direction:column;gap:10px;display:flex}.student-row{background:#101010;border:1px solid #242424;border-radius:14px;align-items:center;gap:16px;padding:16px 18px;transition:border-color .2s,background .2s;display:flex}.student-row.clickable{cursor:pointer}.student-row.clickable:hover{background:#131313;border-color:#d8ab4c}.student-avatar{color:#d8ab4c;background:#1a1a1a;border:1px solid #333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:500;display:flex}.student-info{flex-direction:column;flex:1;min-width:0;display:flex}.student-name{color:#f2f2f2;font-size:17px}.student-email{color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.student-status{text-transform:uppercase;letter-spacing:.5px;color:#888;background:#1a1a1a;border:1px solid #333;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:12px}.student-status.status-accepted{color:#5a9e6f;background:#5a9e6f14;border-color:#5a9e6f}.student-status.status-pending{color:#d8ab4c;background:#d8ab4c14;border-color:#d8ab4c}.student-status.status-declined{color:#d46a6a;background:#d46a6a14;border-color:#d46a6a}.student-remove{color:#555;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;width:32px;height:32px;font-size:14px;transition:all .2s}.student-remove:hover{color:#d46a6a;border-color:#d46a6a}.bell-wrapper{position:absolute;top:50%;right:32px;transform:translateY(-50%)}.bell-button{color:#888;cursor:pointer;background:#111;border:1px solid #333;border-radius:9px;justify-content:center;align-items:center;width:44px;height:38px;transition:all .2s;display:flex;position:relative}.bell-button:hover,.bell-button.active{color:#d8ab4c;border-color:#d8ab4c}.bell-badge{color:#0b0b0b;background:#d8ab4c;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;display:flex;position:absolute;top:-6px;right:-6px}.bell-dropdown{z-index:300;background:#111;border:1px solid #2d2d2d;border-radius:14px;width:340px;max-height:440px;position:absolute;top:48px;right:0;overflow-y:auto;box-shadow:0 18px 40px #00000080}.bell-dropdown-header{color:#f2f2f2;border-bottom:1px solid #242424;justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;font-weight:300;display:flex}.bell-mark-all{color:#d8ab4c;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px}.bell-mark-all:hover{text-decoration:underline}.bell-empty{color:#555;text-align:center;margin:0;padding:24px 16px;font-size:14px}.bell-item{border-bottom:1px solid #1a1a1a;padding:14px 16px}.bell-item:last-child{border-bottom:none}.bell-item.read{opacity:.5}.bell-item-message{color:#f2f2f2;margin:0 0 4px;font-size:14px;line-height:1.4}.bell-item-date{color:#555;margin:0;font-size:12px}.bell-item-actions{gap:10px;margin-top:10px;display:flex}.bell-accept,.bell-decline{cursor:pointer;background:0 0;border-radius:8px;height:32px;padding:0 16px;font-family:inherit;font-size:13px;transition:all .2s}.bell-accept{color:#5a9e6f;border:1px solid #5a9e6f}.bell-accept:hover{background:#5a9e6f1f}.bell-decline{color:#d46a6a;border:1px solid #d46a6a}.bell-decline:hover{background:#d46a6a1f}