@import url(https://fonts.cdnfonts.com/css/sf-pro-display);.gradient-text-content{animation:gradient-flow linear infinite;background-clip:text;-webkit-background-clip:text;background-size:300% 100%;color:#0000;display:inline-block}@keyframes gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.full-screen-loader{align-items:center;background-color:var(--background-light);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.full-screen-loader-text{color:var(--text-medium);font-size:1.5rem;font-weight:600}.global-error-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.global-error-box{align-items:center;background-color:#fff;border-radius:.75rem;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:1.5rem;max-width:400px;padding:2rem;text-align:center;width:90%}.global-error-icon{color:#dc2626}.global-error-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.global-error-message{color:#64748b;line-height:1.5;margin:0}.global-error-code{display:block;font-size:.8em;margin-top:.5rem;opacity:.7}.global-error-btn{min-width:150px}.auth-page-container{background-color:#f0f4f8;color:#475569;font-family:Inter,sans-serif;width:100%}.auth-page-container,.login-page-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-page-wrapper{inset:0;overflow:auto;position:fixed}.auth-container,.auth-footer,.auth-form,.auth-header,.auth-header h1,.auth-header p,.input-group,.login-page-wrapper{-webkit-user-select:none;user-select:none}.auth-container a,.auth-container button,.auth-container input,.auth-container textarea{-webkit-user-select:text;user-select:text}.background-layer{inset:0;pointer-events:none;position:fixed;z-index:1}.background-layer.dots-background{background-color:#f5f6fb;background-image:radial-gradient(#1e293b2e 1px,#0000 0);background-position:50%;background-size:20px 20px}.content-layer{justify-content:center;padding:2rem 0;position:relative;z-index:2}.content-layer,.login-content-wrapper{align-items:center;display:flex;width:100%}.login-content-wrapper{flex-direction:column;gap:2rem;max-width:26rem}.login-page-title{color:var(--text-dark);font-family:SF Pro Display,sans-serif;font-size:3.5rem;font-weight:800;text-align:center;text-shadow:0 2px 30px #0000004d}.auth-body{align-items:center;background-color:initial;display:flex;justify-content:center;width:100%}.auth-container{background-color:#fff;border-radius:.75rem;box-shadow:0 5px 25px #0003;padding:2.5rem;text-align:center;width:100%}.auth-header h1{color:#1e293b;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:#64748b;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem;width:100%}.input-group{text-align:left}.input-group label{color:#475569;font-weight:500}.input-group input{border:1px solid #cbd5e1;border-radius:.375rem;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff906833;outline:none}.submit-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;padding:.875rem;transition:background-color .2s,opacity .2s;width:100%}.submit-btn:hover{background-color:var(--primary-hover-color)}.submit-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.auth-divider{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;font-weight:500;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{background-color:#e2e8f0;content:"";flex:1 1;height:1px}.auth-divider span{padding:0 1rem}.oauth-group{display:flex;flex-direction:column;gap:1rem;width:100%}.google-btn{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;color:#1e293b;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;justify-content:center;padding:.75rem 1rem;transition:background-color .2s,box-shadow .2s;width:100%}.google-btn:hover{background-color:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.google-btn:active{background-color:#f1f5f9;transform:translateY(0)}.loader{border:2px solid;border-color:#fff #fff #0000;display:inline-block}.auth-footer{color:#64748b;font-size:.875rem;margin-top:2rem}.auth-footer a,.auth-footer-link{color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:none}.auth-footer a:hover,.auth-footer-link:hover{text-decoration:underline}.page-title{border-bottom:1px solid var(--border-color);color:var(--text-dark);font-size:2.5rem;font-weight:800;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.content-section{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:2rem;max-width:896px;padding:2.5rem}.content-section h2{color:var(--text-dark);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.content-section li,.content-section p{color:var(--text-medium);font-size:1rem;margin-bottom:1rem}.content-section ul{list-style-position:inside;padding-left:.5rem}.content-section strong{color:var(--text-dark);font-weight:600}.content-section .icon{color:var(--primary-color);display:inline-block;margin-right:.5rem;vertical-align:middle}.main-content{box-sizing:border-box;flex-grow:1;margin:0 auto;padding:2rem;width:100%}.main-content.width-intro,.main-content.width-practice{max-width:960px}.main-content.width-records{max-width:1200px}.main-content.width-friends{max-width:1080px}.main-content.width-profile{max-width:720px}.report-card-v2{animation:fadeIn .5s ease-out;background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 4px 12px #0000000d;color:var(--text-dark);font-family:Menlo,Consolas,monospace;font-size:.9rem;line-height:1.7;margin-top:0;padding:1.5rem 2rem;width:100%}.report-header{align-items:center;display:flex;gap:1rem;margin:1.5rem 0}.header-text{color:var(--text-medium);font-weight:700;white-space:nowrap}.divider{border:none;height:1px;width:100%}.divider.main,.divider.sub{background:linear-gradient(to right,#0000,var(--border-color),#0000)}.comparison-section-v2{display:flex;flex-direction:column;gap:.5rem}.analysis-line{align-items:flex-start;display:flex}.line-label{color:var(--text-medium);flex-shrink:0;font-weight:600;width:100px}.line-content{flex-grow:1}.phoneme-wrapper{display:flex;flex-wrap:wrap;gap:.5rem}.word-block{white-space:pre}.phoneme{font-weight:500}.phoneme-correct{color:var(--success-color)}.phoneme-substitution{color:var(--danger-color);font-weight:700}.phoneme-omission{color:#f59e0b;font-weight:700}.phoneme-insertion{color:#8b5cf6;font-weight:700}.summary-details{padding:0 1rem}.report-action-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-direction:column;font-family:SF Pro Display,-apple-system,PingFang TC,Microsoft JhengHei,sans-serif;gap:.75rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.report-action-footer button{font-family:inherit}:root{--modal-bg:#fff;--modal-overlay-bg:#0009;--modal-border-color:#e0e0e0;--modal-shadow:0 5px 15px #0003;--modal-text-primary:#212529;--modal-text-secondary:#6c757d;--modal-accent-color:#007bff;--modal-error-bg:#fff5f5;--modal-error-border:#fcc2c3;--modal-focus-bg:#f0f7ff;--modal-focus-border:#b3d7ff}[data-theme=dark]{--modal-bg:#2d3748;--modal-border-color:#4a5568;--modal-text-primary:#edf2f7;--modal-text-secondary:#a0aec0;--modal-accent-color:#63b3ed;--modal-error-bg:#422c2e;--modal-error-border:#9b3c4a;--modal-focus-bg:#2c3a50;--modal-focus-border:#4a6a9b}.report-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:1rem;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9999}.report-modal-overlay.visible{opacity:1;pointer-events:auto}.report-modal-content{animation:slide-down .3s ease-out;background:#fff;background:var(--modal-bg);border-radius:12px;box-shadow:0 5px 15px #0003;box-shadow:var(--modal-shadow);color:#212529;color:var(--modal-text-primary);display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}@keyframes slide-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.report-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--modal-border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.report-modal-header h3{font-size:1.5rem;font-weight:600;margin:0}.report-modal-close-btn{background:none;border:none;color:#6c757d;color:var(--modal-text-secondary);cursor:pointer;font-size:2rem;line-height:1;padding:0}.report-modal-body{flex-grow:1;overflow-y:auto;padding:1.5rem}.report-section{margin-bottom:2rem}.report-section:last-child{margin-bottom:0}.report-section h4{border-bottom:2px solid #007bff;border-bottom:2px solid var(--modal-accent-color);color:#007bff;color:var(--modal-accent-color);font-size:1.2rem;font-weight:600;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.summary-text{color:#6c757d;color:var(--modal-text-secondary);font-size:1.1rem;font-style:italic;line-height:1.6}.error-list,.focus-list{list-style:none;padding:0}.error-list li,.focus-list li{border-left:4px solid;border-radius:8px;margin-bottom:.75rem;padding:1rem}.error-list li{background-color:#fff5f5;background-color:var(--modal-error-bg);border-color:#fcc2c3;border-color:var(--modal-error-border)}.focus-list li{background-color:#f0f7ff;background-color:var(--modal-focus-bg);border-color:#b3d7ff;border-color:var(--modal-focus-border)}.error-sound,.focus-sound{color:#007bff;color:var(--modal-accent-color);font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700}.error-word{color:#6c757d;color:var(--modal-text-secondary);font-style:italic;margin-left:.5rem}.error-description,.focus-reason{line-height:1.5;margin:.5rem 0 0}.practice-sentence-section{background-color:#f0f7ff;background-color:var(--modal-focus-bg);border-radius:8px;padding:1.5rem;text-align:center}.practice-sentence-text{font-size:1.25rem;font-weight:500;line-height:1.6;margin:0}.report-modal-footer{background-color:#fff;background-color:var(--modal-bg);border-top:1px solid #e0e0e0;border-top:1px solid var(--modal-border-color);padding:1rem 1.5rem;text-align:center}.report-modal-footer p{color:#6c757d;color:var(--modal-text-secondary);font-size:.8rem;margin:0}.confirm-overlay{align-items:center;animation:fadeInOverlay .3s forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0006;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:2000}.confirm-dialog{animation:popInDialog .3s .1s forwards;background-color:#f2f2f7f2;border-radius:14px;box-shadow:0 12px 28px #0003,0 4px 12px #0000001a;max-width:400px;opacity:0;padding-top:1.5rem;text-align:center;transform:scale(.95);width:90%}.confirm-dialog h3{color:#1d1d1f;font-size:1.1rem;font-weight:600;margin:0 1.5rem .5rem}.confirm-dialog p{color:#3c3c43bf;font-size:.85rem;line-height:1.4;margin:0 1.5rem 1.5rem}.confirm-actions{border-top:1px solid #3c3c4333;display:flex}.confirm-actions button{background-color:initial;border:none;cursor:pointer;flex:1 1;font-size:1.05rem;font-weight:400;padding:.8rem;transition:background-color .2s}.confirm-actions button:first-child{border-right:1px solid #3c3c4333;color:#007aff;font-weight:600}.confirm-actions button:last-child{color:#ff3b30}.confirm-actions button:hover{background-color:#3c3c431a}.confirm-actions button:active{background-color:#3c3c4326}@keyframes popInDialog{to{opacity:1;transform:scale(1)}}.audio-recorder-bar{align-items:center;background:var(--white-color);border:1px solid var(--border-color);border-radius:999px;box-shadow:0 12px 28px #0f172a1f;display:flex;flex-wrap:nowrap;gap:.85rem;height:56px;max-width:760px;min-width:min(720px,94vw);padding:0 .9rem}.audio-recorder-status{background:#f3f4f6;border:1px solid #0000;border-radius:999px;color:var(--text-medium);cursor:pointer;font-size:.95rem;font-weight:600;height:40px;line-height:1;min-width:170px;padding:0 1.4rem;text-align:center;transition:all .2s ease}.audio-recorder-status.is-recording{background:#fff5f5;border-color:#f3c5c5;color:#b42318}.audio-recorder-status:disabled{cursor:not-allowed;opacity:.6}.audio-recorder-divider{background:var(--border-color);height:32px;width:1px}.audio-recorder-mic{flex:0 1 220px;max-width:220px;position:relative}.mic-selector-trigger{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:var(--text-dark);cursor:pointer;display:flex;font-weight:600;gap:.5rem;height:36px;line-height:1;padding:0 .65rem;transition:border-color .2s ease,background .2s ease;width:100%}.mic-selector-trigger:hover{background:#f1f5f9;border-color:#cbd5f5}.mic-selector-trigger:focus-visible{outline:2px solid #cbd5f5;outline-offset:2px}.mic-selector-trigger.is-disabled{cursor:not-allowed;opacity:.6}.mic-chevron,.mic-icon{align-items:center;display:inline-flex;height:18px;justify-content:center;width:18px}.mic-chevron svg,.mic-icon svg{height:100%;width:100%}.mic-label{font-size:.95rem;max-width:180px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mic-chevron{transition:transform .2s ease}.mic-chevron.is-open{transform:rotate(180deg)}.mic-dropdown{background:var(--white-color);border:1px solid var(--border-color);border-radius:16px;bottom:120%;box-shadow:0 16px 40px #0f172a33;left:50%;padding:.75rem 0;position:absolute;transform:translateX(-50%);width:280px;z-index:200}.mic-dropdown-list{max-height:220px;overflow-y:auto}.mic-dropdown-item{align-items:center;background:#0000;border:none;color:var(--text-dark);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;justify-content:space-between;padding:.6rem 1rem;text-align:left;width:100%}.mic-dropdown-item:hover{background:#f8fafc}.mic-dropdown-item.is-disabled{color:var(--text-medium);cursor:default}.mic-item-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mic-item-check{color:var(--primary-color);height:18px;width:18px}.mic-item-check svg{height:100%;width:100%}.audio-waveform-canvas{display:block}.audio-recorder-waveform{align-items:center;background:#f3f4f6;border-radius:999px;display:inline-flex;flex:0 0 140px;justify-content:center;padding:.3rem .5rem;width:140px}.audio-recorder-actions{align-items:center;display:flex;gap:.6rem;margin-left:auto}.audio-recorder-action{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:all .2s ease;width:38px}.audio-recorder-action:disabled{cursor:not-allowed;opacity:.45}.audio-recorder-record{border-color:#e2e8f0}.audio-recorder-record.is-recording{border-color:#f3c5c5}.record-dot{border:2px solid #111827;border-radius:50%;height:12px;width:12px}.audio-recorder-record.is-recording .record-dot{background:#d92d20;border-color:#d92d20}.audio-recorder-delete svg{color:var(--text-medium);height:18px;width:18px}.audio-recorder-delete:hover svg{color:#d92d20}@media (max-width:720px){.audio-recorder-bar{flex-wrap:wrap;justify-content:center}.audio-recorder-actions{margin-left:0}.audio-recorder-divider{display:none}}@media (max-width:540px){.audio-recorder-bar{border-radius:20px;padding:.75rem}.audio-recorder-status{min-width:0;min-width:auto;width:100%}.mic-label{max-width:140px}}.main-content.width-practice{padding-bottom:180px}.difficulty-section,.main-content.width-practice{align-items:center;display:flex;flex-direction:column}.difficulty-section{margin-bottom:2rem;width:100%}.section-title{color:var(--text-dark);font-size:1.1rem;margin-bottom:1rem}.difficulty-selector{background-color:var(--background-medium);border-radius:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.5rem}.difficulty-selector button{align-items:center;background-color:initial;border:none;border-radius:.375rem;color:var(--text-medium);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;height:42px;justify-content:center;line-height:1;min-width:120px;padding:0 1.5rem;text-align:center;transition:all .2s}.difficulty-selector button:disabled{cursor:not-allowed;opacity:.5}.difficulty-selector button.active{background-color:var(--white-color);box-shadow:0 2px 10px #00000014;color:var(--primary-color)}.practice-area{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.5rem;min-height:120px;text-align:center;width:100%}.practice-text{color:var(--text-dark);font-size:3.5rem;font-weight:800;line-height:1.4;padding:1rem}.practice-controls{align-items:center;flex-direction:column;gap:.75rem}.practice-btn{align-items:center;background:var(--white-color);border:1px solid var(--border-color);border-radius:999px;color:var(--text-medium);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;height:40px;justify-content:center;line-height:1;padding:0 1rem;transition:all .2s;width:150px}.practice-btn:hover{border-color:var(--text-medium);color:var(--text-dark)}.practice-btn.primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white-color)}.practice-btn.primary:hover{background-color:var(--primary-hover-color);border-color:var(--primary-hover-color)}.practice-btn:disabled{cursor:not-allowed;opacity:.5}.diagnosis-container{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.75rem;margin-top:2rem;padding:1.5rem;text-align:left;width:100%}.diagnosis-container pre{word-wrap:break-word;color:var(--text-dark);font-family:Menlo,Consolas,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap}.diagnosis-container .next-btn-wrapper{display:flex;justify-content:center;margin-top:1.5rem}.audio-controls{background:var(--page-bottom-gradient);bottom:0;display:flex;justify-content:center;left:260px;left:var(--sidebar-width,260px);padding:1.25rem 1rem 2rem;pointer-events:auto;position:fixed;right:0;transition:left .3s cubic-bezier(.2,0,0,1);z-index:100}.record-btn{background-color:var(--primary-color);border:none;border-radius:50%;box-shadow:0 5px 15px #ff906880;color:var(--white-color);cursor:pointer;height:100px;pointer-events:auto;position:relative;transition:all .3s ease;width:100px}.record-btn-content{align-items:center;display:flex;flex-direction:column;gap:4px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.record-btn svg{height:28px;width:28px}.record-btn-text{font-size:.9rem;font-weight:600;line-height:1.2;white-space:nowrap}.record-btn:hover{background-color:var(--primary-hover-color);transform:translateY(-3px)}.record-btn.recording{animation:pulse 1.5s infinite;background-color:var(--danger-color);box-shadow:0 5px 15px #dc262666}.record-timer{color:var(--white-color);font-size:1.75rem;font-weight:700}@keyframes pulse{0%{box-shadow:0 0 0 0 #dc2626b3}70%{box-shadow:0 0 0 20px #dc262600}to{box-shadow:0 0 0 0 #dc262600}}.analysis-error-message{background-color:var(--error-bg-light);border:1px solid var(--error-border-color);border-radius:8px;color:var(--error-text-color);margin-top:1.5rem;padding:1rem;text-align:center}.analysis-error-message p{line-height:1.6;margin:0}.main-content.width-records{align-items:center;display:flex;flex-direction:column;gap:1.25rem}.records-section{-webkit-overflow-scrolling:touch;border-radius:.75rem;overflow-x:auto;width:100%}.records-table{background-color:var(--white-color);border:1px solid var(--border-color);border-collapse:collapse;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;min-width:980px;overflow:hidden;table-layout:fixed;width:100%}.records-cell-singleline{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.records-table td,.records-table th{border-bottom:1px solid var(--border-color);padding:1rem 1.25rem;text-align:left;vertical-align:middle}.records-table th{background-color:var(--background-medium);color:var(--text-medium);font-size:.8rem;font-weight:700;letter-spacing:.05em;position:relative;text-transform:uppercase}.records-table th.sortable{cursor:pointer;padding-right:calc(1.25rem + 1em);-webkit-user-select:none;user-select:none}.records-table th.sortable:hover{background-color:var(--border-color)}.records-table th.sortable:after{border-left:5px solid #0000;border-right:5px solid #0000;content:\'\';height:0;opacity:.3;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);transition:opacity .2s;width:0}.records-table th.sortable:hover:after{opacity:.6}.records-table th.sortable.active:after{opacity:1}.records-table th.sortable.asc:after{border-bottom:5px solid var(--text-medium)}.records-table th.sortable.desc:after{border-top:5px solid var(--text-medium)}.records-table tbody tr:last-child td{border-bottom:none}.records-table tbody tr:not(.details-row):hover{background-color:var(--background-light)}.records-table tbody tr:not(.details-row):nth-child(2n){background-color:var(--white-color)}.records-table tbody tr:not(.details-row):nth-child(odd){background-color:var(--background-light)}.details-btn{background:none;border:none;border-radius:.5rem;color:var(--primary-color);cursor:pointer;font:inherit;font-size:.9rem;font-weight:600;padding:.25rem .5rem}.details-btn:hover{background-color:var(--primary-color-light);color:var(--primary-hover-color)}.details-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.details-row{display:table-row}.details-row td{border-bottom:1px solid var(--border-color)!important;padding:0!important}.details-content{background-color:var(--background-light);padding:1.5rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:3rem;width:100%}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.chart-card{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:1.5rem}.chart-title{color:var(--text-dark);font-size:1.1rem;font-weight:700;margin-bottom:1rem}.overall-profile-card{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.9rem;box-shadow:0 4px 10px -2px #0f172a14;overflow:hidden;width:100%}.overall-profile-cover{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover-color));height:140px;isolation:isolate;overflow:hidden;position:relative}.overall-profile-cover:after{background:linear-gradient(180deg,#0000,#00000059);content:"";inset:0;position:absolute}.overall-profile-cover-canvas{display:block;height:100%;inset:0;position:absolute;width:100%;z-index:0}.overall-profile-hero-content{padding:1rem 1.5rem 1.25rem;position:relative;z-index:2}.overall-profile-avatar-block{align-items:flex-end;display:flex;gap:1rem;margin-top:-52px;position:relative;z-index:3}.overall-profile-identity{margin-top:.75rem}.overall-profile-avatar{align-items:center;background-color:var(--background-medium);border:none;border-radius:999px;color:var(--text-dark);display:flex;font-weight:800;height:96px;justify-content:center;position:relative;width:96px}.overall-profile-avatar:before{backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);background:#ffffff38;border:1px solid #fff9;border-radius:999px;box-shadow:0 0 0 1px #0f172a38,0 10px 24px #0f172a33;content:"";inset:-6px;pointer-events:none;position:absolute;z-index:0}.overall-profile-avatar-initial{font-size:2rem;line-height:1;position:relative;z-index:1}.overall-profile-avatar-img{border-radius:999px;display:block;height:100%;object-fit:cover;opacity:0;position:relative;transition:opacity .2s ease;width:100%;z-index:1}.overall-profile-avatar-img.is-visible{opacity:1}.overall-profile-avatar-skeleton{animation:overallAvatarShimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#94a3b840,#94a3b873 45%,#94a3b840);background-size:200% 100%;border-radius:999px;inset:0;position:absolute;z-index:1}.overall-profile-avatar-skeleton.is-hidden{animation:none;opacity:0}@keyframes overallAvatarShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.overall-profile-name{color:var(--text-dark);font-size:1.4rem;font-weight:800}.overall-profile-subtitle{color:var(--text-medium);font-size:.9rem}.overall-profile-stats{grid-gap:1rem;background:var(--background-light);display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));padding:1.25rem 1.5rem 1.5rem}.overall-profile-stat{background:var(--white-color);border:1px solid var(--border-color);border-radius:.75rem;display:flex;flex-direction:column;gap:.4rem;padding:1rem}.overall-profile-stat-label{color:var(--text-medium);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.overall-profile-stat-value{color:var(--text-dark);font-size:1.25rem;font-weight:700}@media (max-width:900px){.overall-profile-stats{grid-template-columns:1fr}.overall-profile-cover{height:120px}}.chart-card-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.chart-card-header .chart-title{margin-bottom:0}.overall-progress-controls{max-width:220px;min-width:180px}.overall-progress-controls .input-group{width:100%}@media (max-width:600px){.chart-card-header{align-items:flex-start;flex-direction:column}.overall-progress-controls{max-width:none;width:100%}}.chart-card{overflow:hidden;position:relative}.chart-card .apexcharts-canvas{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:.75rem}.chart-card .apexcharts-canvas svg,.chart-card .apexcharts-svg{border-radius:.75rem}.chart-card .apexcharts-datalabel,.chart-card .apexcharts-legend-text,.chart-card .apexcharts-subtitle-text,.chart-card .apexcharts-title-text,.chart-card .apexcharts-xaxis text,.chart-card .apexcharts-yaxis text{fill:var(--text-medium)!important;font-family:inherit!important}.chart-card .apexcharts-xaxis-label,.chart-card .apexcharts-yaxis-label{fill:var(--text-dark)!important;font-weight:600}.chart-card .apexcharts-grid-borders line,.chart-card .apexcharts-gridline,.chart-card .apexcharts-xaxis-tick,.chart-card .apexcharts-yaxis-tick{stroke:var(--border-color)!important}.chart-card .apexcharts-bar-area,.chart-card .apexcharts-heatmap-rect,.chart-card .apexcharts-marker,.chart-card .apexcharts-pie-area,.chart-card .apexcharts-series circle,.chart-card .apexcharts-series path{transition:opacity .16s ease,filter .16s ease,transform .16s ease,stroke .16s ease}.chart-card .apexcharts-bar-area:hover{filter:drop-shadow(0 6px 10px rgba(0,0,0,.1))}.chart-card .apexcharts-marker:hover,.chart-card .apexcharts-series circle:hover{stroke:var(--white-color);stroke-width:2px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.12))}.chart-card .apexcharts-pie-area{transform-box:fill-box;transform-origin:center}.chart-card .apexcharts-pie-area:hover{filter:drop-shadow(0 8px 14px rgba(0,0,0,.12));transform:scale(1.015)}.chart-card .apexcharts-tooltip,.chart-card .apexcharts-xaxistooltip,.chart-card .apexcharts-yaxistooltip{background:var(--white-color)!important;border:1px solid var(--border-color)!important;border-radius:.5rem!important;box-shadow:0 10px 20px #0000001a!important;color:var(--text-dark)!important}.chart-card .apexcharts-tooltip-title{background:var(--background-medium)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-dark)!important;font-weight:700}.chart-card .apexcharts-legend-series{margin:.25rem .6rem .25rem 0!important}.chart-card .apexcharts-legend-marker{border-radius:4px!important}.overall-progress-controls .modern-combobox-wrapper{align-items:center;background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.375rem;cursor:default;display:flex;height:40px;overflow:hidden;position:relative;text-align:left;transition:all .2s;width:100%}.overall-progress-controls .modern-combobox-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff906833}.overall-progress-controls .modern-combobox-input{background-color:initial;border:none;color:var(--text-dark);font-size:.95rem;height:100%;line-height:1.4rem;outline:none;padding:0 2.25rem 0 .9rem;width:100%}.overall-progress-controls .modern-combobox-btn{align-items:center;background:#0000;border:none;bottom:0;color:var(--text-medium);cursor:pointer;display:flex;padding-right:.5rem;position:absolute;right:0;top:0}.overall-progress-controls .modern-combobox-options{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;font-size:.95rem;margin-top:.25rem;max-height:15rem;outline:none;overflow:auto;padding:.375rem;position:absolute;width:100%;z-index:50}.overall-progress-controls .modern-combobox-option{border-radius:.375rem;color:var(--text-dark);cursor:pointer;margin-bottom:.125rem;padding:.5rem .75rem .5rem 2.25rem;position:relative;transition:background-color .1s ease;-webkit-user-select:none;user-select:none}.overall-progress-controls .modern-combobox-option:last-child{margin-bottom:0}.overall-progress-controls .modern-combobox-option.active{background-color:var(--primary-color-light);color:var(--primary-color-dark)!important}.overall-progress-controls .option-label{display:block;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overall-progress-controls .option-label.selected{font-weight:600}.overall-progress-controls .option-check{align-items:center;bottom:0;color:var(--primary-color);display:flex;left:0;padding-left:.75rem;position:absolute;top:0}.overall-progress-controls .option-check.active{color:var(--primary-color-dark)}.overall-progress-controls .modern-combobox-empty{color:var(--text-medium);cursor:default;font-style:italic;padding:.75rem 1rem;position:relative;text-align:center;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.chart-card .apexcharts-bar-area,.chart-card .apexcharts-heatmap-rect,.chart-card .apexcharts-marker,.chart-card .apexcharts-pie-area,.chart-card .apexcharts-series circle,.chart-card .apexcharts-series path{transition:none}}.apexcharts-tooltip-custom{background:var(--white-color);border:1px solid var(--border-color);border-radius:.375rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;color:var(--text-dark);font-family:inherit;font-size:.875rem;line-height:1.5;padding:.5rem .75rem}.apexcharts-tooltip-custom b{color:var(--text-dark);font-weight:600}.profile-page-container{flex-grow:1;margin:0 auto;max-width:1040px;padding:2rem;width:100%}.profile-shell{display:flex;flex-direction:column;gap:1rem}.profile-hero{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.profile-cover{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover-color));height:180px;isolation:isolate;overflow:hidden;position:relative}.profile-cover:after{background:linear-gradient(180deg,#0000,#00000059);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.profile-cover-actions{bottom:1.25rem;display:flex;gap:.5rem;position:absolute;right:1rem;z-index:6}.profile-cover-canvas{display:block;height:100%;inset:0;position:absolute;width:100%;z-index:0}.profile-hero-content{padding:1rem 1.5rem 1.25rem;position:relative;z-index:3}.profile-avatar-block{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-top:-56px;pointer-events:none;position:relative;z-index:4}.profile-avatar{align-items:center;background:var(--background-medium);background-color:var(--background-medium);border:none;border-radius:999px;box-shadow:none;color:var(--text-dark);display:flex;font-weight:800;height:96px;justify-content:center;pointer-events:auto;position:relative;width:96px;z-index:5}.profile-avatar:before{backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);background:#ffffff38;border:1px solid #fff9;border-radius:999px;box-shadow:0 0 0 1px #0f172a38,0 10px 24px #0f172a33;content:"";inset:-6px;pointer-events:none;position:absolute;z-index:0}.profile-avatar-initial{font-size:2rem;line-height:1;position:relative;z-index:1}.profile-avatar-img{border-radius:999px;opacity:0;transition:opacity .2s ease;z-index:1}.profile-avatar-img.is-visible{opacity:1}.profile-avatar-skeleton{animation:profileAvatarShimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#94a3b840,#94a3b873 45%,#94a3b840);background-size:200% 100%;border-radius:999px;inset:0;position:absolute;z-index:1}.profile-avatar-skeleton.is-hidden{animation:none;opacity:0}.profile-avatar-actions{align-items:center;display:flex;gap:.75rem;pointer-events:auto}.profile-identity{margin-top:.75rem}.profile-name-row{align-items:center;display:flex;gap:.75rem}.profile-name{color:var(--text-dark);font-size:1.5rem;font-weight:800}.profile-badge{background-color:#ecfdf3;border:1px solid #a7f3d0;border-radius:999px;color:#047857;font-size:.8rem;font-weight:700;padding:.2rem .5rem}.profile-handle{color:var(--text-light);font-size:.95rem;margin-top:.15rem}.profile-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.profile-tabs-bar{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.75rem;padding:.75rem 1rem}.profile-tab{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:999px;color:var(--text-medium);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:700;padding:.5rem .75rem;transition:background-color .2s,color .2s,border-color .2s}.profile-tab.active,.profile-tab:hover{background-color:var(--background-medium);color:var(--text-dark)}.profile-tab.active{border-color:var(--border-color)}.profile-file-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.profile-ghost-btn{align-items:center;background-color:var(--glass-bg);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-dark);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:700;height:38px;justify-content:center;padding:0 .9rem;transition:all .2s}.profile-ghost-btn:hover{background-color:var(--white-color);border-color:var(--text-medium)}.profile-text-btn{background:#0000;border:none;color:var(--danger-color);cursor:pointer;font-family:inherit;font-weight:700;padding:.25rem .2rem}.profile-text-btn:disabled{cursor:not-allowed;opacity:.5}.profile-form{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.75rem;height:min(720px,calc(100vh - 460px));min-height:360px;overflow:hidden}.profile-form,.profile-panel-body{display:flex;flex-direction:column}.profile-panel-body{flex:1 1 auto;gap:1.5rem;overflow:auto;padding:1.5rem}.profile-panel-footer{background-color:var(--white-color);border-top:1px solid var(--border-color);display:flex;flex:0 0 auto;justify-content:flex-end;padding:1rem 1.5rem}.profile-help-text{color:var(--text-light);font-size:.9rem;margin:0 0 .75rem}.input-group.profile-theme-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1.5rem}.profile-theme-meta{display:flex;flex-direction:column;gap:.25rem}.profile-theme-label{margin:0}.profile-theme-subtitle{color:var(--text-light);font-size:.875rem}.profile-theme-toggle{align-items:center;background:var(--background-light);border:1px solid var(--border-color);border-radius:50%;display:flex;height:42px;justify-content:center;padding:0;width:42px}.profile-theme-icon{color:inherit}.profile-theme-icon-light{color:#f59e0b}.profile-theme-icon-dark{color:#818cf8}.input-group label{font-weight:600;margin-bottom:.5rem}.input-group input,.input-group-select{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.375rem;box-sizing:border-box;color:var(--text-medium);font-size:1rem;height:44px;padding:0 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.input-group-select{-webkit-appearance:none;appearance:none;background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.input-group input:focus,.input-group-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff906833;outline:none}.input-group input:disabled,.input-group input[disabled]{background-color:var(--background-medium)!important;border-color:var(--border-color);color:var(--text-medium);cursor:not-allowed}.modern-datepicker-wrapper{align-items:center;background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.375rem;cursor:pointer;display:flex;height:44px;position:relative;transition:all .2s;width:100%}.modern-datepicker-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff906833}.modern-datepicker-input{background-color:initial;border:none;color:var(--text-dark);cursor:pointer;font-size:1rem;height:100%;outline:none;padding:0 2.5rem 0 1rem;width:100%}.modern-datepicker-icon{align-items:center;color:var(--text-medium);display:flex;pointer-events:none;position:absolute;right:.75rem}.modern-datepicker-icon svg{height:1.25rem;width:1.25rem}.react-datepicker{background-color:var(--white-color)!important;border-color:var(--border-color)!important;border:1px solid var(--border-color)!important;border-radius:.5rem!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;color:var(--text-dark)!important;font-family:inherit!important}.react-datepicker__header{background-color:var(--background-light)!important;border-bottom:1px solid var(--border-color)!important;border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important;padding-top:.5rem!important}.react-datepicker__day--selected{background-color:initial!important;border:1px solid var(--primary-color)!important;border-radius:.375rem!important;color:var(--text-dark)!important;font-weight:600!important}.react-datepicker__day--keyboard-selected{background-color:initial!important;border:none!important;color:var(--text-dark)!important;outline:none!important}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__day--selected:hover{background-color:var(--background-medium)!important;color:var(--text-dark)!important}.react-datepicker__day:not(.react-datepicker__day--selected):not(.react-datepicker__day--keyboard-selected):hover{background-color:var(--background-medium)!important;border-radius:.375rem!important;color:var(--text-dark)!important}.react-datepicker__day--today{color:var(--primary-color);font-weight:700!important}.react-datepicker__day--today.react-datepicker__day--selected{color:#fff!important}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:var(--text-dark)!important;font-weight:600!important}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:var(--text-medium)!important}.react-datepicker__navigation-icon:before{border-color:var(--text-medium)!important}.form-actions{justify-content:flex-end;margin-top:1rem}.readonly-field-wrapper{align-items:center;background-color:var(--background-medium);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-medium);cursor:not-allowed;display:flex;font-size:1rem;height:44px;justify-content:space-between;padding:0 .5rem 0 1rem;width:100%}.readonly-text{cursor:inherit;flex-grow:1;font-family:monospace;margin-right:.5rem;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;white-space:nowrap}.copy-btn{align-items:center;background:#0000;border:none;border-radius:.25rem;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.copy-btn:hover{background-color:var(--border-color);color:var(--text-dark)}.update-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:.375rem;color:var(--white-color);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;height:44px;justify-content:center;line-height:1;padding:0 2rem;transition:background-color .2s,opacity .2s}.update-btn:hover{background-color:var(--primary-hover-color)}.update-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.loader{animation:rotation 1s linear infinite;border:2px solid var(--white-color);border-bottom:2px solid #0000;border-radius:50%;height:18px;width:18px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes profileAvatarShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.message{border-radius:.375rem;font-weight:500;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:center}.message.success{background-color:#dcfce7;color:#166534}.message.error{background-color:#fee2e2;color:#991b1b}.message.info{background-color:#e0f2fe;color:#075985}.secondary-btn{align-self:flex-start;background-color:var(--background-medium);font-size:.9rem;height:38px;padding:.6rem 1.2rem}.secondary-btn:hover{background-color:var(--border-color)}.secondary-btn.profile-theme-toggle{align-items:center;background:var(--background-light);border:1px solid var(--border-color);border-radius:50%;display:flex;height:42px;justify-content:center;padding:0;width:42px}.profile-theme-row .profile-theme-label{margin-bottom:0}.modern-combobox-options.modern-combobox-options-portal{z-index:99999!important}.profile-form{position:relative;z-index:1}.profile-toast-container{display:flex;flex-direction:column;gap:10px;left:50%;max-width:400px;pointer-events:none;position:fixed;top:80px;transform:translateX(-50%);width:90%;z-index:2000}.profile-avatar-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:3000}.profile-avatar-modal{background:var(--white-color);border:1px solid var(--border-color);border-radius:.9rem;box-shadow:0 20px 45px #0f172a33;display:flex;flex-direction:column;font-family:inherit;overflow:hidden;width:min(560px,92vw)}.profile-avatar-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.profile-avatar-modal-title{color:var(--text-dark);font-size:1.1rem;font-weight:700}.profile-avatar-modal-close{align-items:center;background:#0000;border:none;color:var(--text-medium);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;justify-content:center;line-height:1;padding:.25rem .5rem}.profile-cover-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:3000}.profile-cover-modal{background:var(--white-color);border:1px solid var(--border-color);border-radius:.9rem;box-shadow:0 20px 45px #0f172a33;display:flex;flex-direction:column;font-family:inherit;max-width:92vw;min-width:min(720px,92vw);overflow:hidden;width:-webkit-fit-content;width:fit-content}.profile-cover-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.profile-cover-modal-title{color:var(--text-dark);font-size:1.1rem;font-weight:700}.profile-cover-modal-close{align-items:center;background:#0000;border:none;color:var(--text-medium);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;justify-content:center;line-height:1;padding:.25rem .5rem}.profile-cover-modal-body{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.profile-cover-preview{-webkit-overflow-scrolling:touch;background:var(--background-medium);border:1px solid var(--border-color);border-radius:.75rem;display:flex;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:1rem}.profile-cover-preview-frame{background:var(--background-light);border-radius:.6rem;box-shadow:0 12px 26px #0f172a2e;display:inline-flex;flex:0 0 auto;height:180px;overflow:hidden;position:relative;transition:box-shadow .2s ease;width:-webkit-fit-content;width:fit-content}.profile-cover-preview-frame:hover{box-shadow:0 14px 30px #0f172a38}.profile-cover-preview-canvas-wrap{align-items:center;cursor:grab;display:flex;height:100%;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:100%}.profile-cover-preview-canvas-wrap.is-grabbing{cursor:grabbing}.profile-cover-preview-canvas{background:var(--background-light);display:block;height:100%;width:auto}.profile-cover-drag-hint{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a80;border-radius:999px;color:#fff;font-size:.85rem;font-weight:600;left:50%;padding:.35rem .75rem;pointer-events:none;position:absolute;top:.75rem;transform:translateX(-50%);white-space:nowrap}.profile-cover-resize-handle{background:#0000;border:none;bottom:0;cursor:ew-resize;opacity:0;position:absolute;top:0;transition:opacity .2s ease,background .2s ease;width:18px;z-index:2}.profile-cover-resize-handle.left{left:0}.profile-cover-resize-handle.right{right:0}.profile-cover-preview-frame:hover .profile-cover-resize-handle{opacity:1}.profile-cover-resize-handle:hover{background:linear-gradient(90deg,#0f172a40,#0f172a00)}.profile-cover-resize-handle.right:hover{background:linear-gradient(270deg,#0f172a40,#0f172a00)}.profile-cover-controls{display:flex;flex-direction:column;gap:1rem}.profile-cover-control{display:flex;flex-direction:column;gap:.5rem}.profile-cover-label{color:var(--text-dark);font-weight:600}.profile-cover-helper{color:var(--text-light);font-size:.9rem}.profile-cover-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.profile-cover-modal-btn{align-items:center;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;height:44px;justify-content:center;line-height:1;min-width:120px;padding:0 1.5rem}.profile-avatar-modal-body{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.profile-cropper{background:var(--background-medium);height:320px;overflow:hidden;position:relative;width:100%}.profile-cropper,.profile-cropper-container{border-radius:.75rem}.profile-crop-area{border:2px solid #ffffffe6;box-shadow:0 0 0 9999px #0f172a8c}.profile-crop-media{filter:saturate(1.02)}.profile-crop-controls{align-items:center;display:flex;gap:1rem}.profile-crop-label{color:var(--text-dark);font-weight:600}.profile-crop-range{accent-color:var(--primary-color);flex:1 1}.profile-avatar-modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.profile-avatar-modal-btn{align-items:center;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;height:44px;justify-content:center;line-height:1;min-width:120px;padding:0 1.5rem}@media (max-width:900px){.profile-avatar-block{align-items:flex-start;flex-direction:column}.profile-form{height:auto;min-height:0;min-height:auto}.profile-panel-body{overflow:visible}}@media (max-width:520px){.profile-page-container{padding:1rem}.profile-hero-content{padding:1rem 1rem 1.25rem}.profile-panel-body,.profile-panel-footer{padding-left:1rem;padding-right:1rem}}.sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#fffc;border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:-webkit-sticky;position:sticky;top:0;transition:width .3s cubic-bezier(.2,0,0,1);width:260px;z-index:1100}.sidebar.collapsed{width:72px}.sidebar-header{align-items:center;display:flex;height:64px;justify-content:space-between;margin-bottom:1rem;padding:0 1.25rem}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar-logo{color:var(--primary-color);font-size:1.25rem;font-weight:800;opacity:1;overflow:hidden;transition:opacity .2s;white-space:nowrap}.sidebar.collapsed .sidebar-logo{display:none;opacity:0}.sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-medium);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background-color .2s}.sidebar-toggle:hover{background-color:var(--background-medium);color:var(--text-dark)}.sidebar.collapsed .sidebar-toggle{transform:rotate(180deg)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:0 .75rem .75rem}.nav-item{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-medium);cursor:pointer;display:flex;font-family:inherit;gap:.75rem;min-height:48px;overflow:hidden;padding:.75rem;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:100%}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem 0}.nav-item:hover{background-color:var(--background-medium);color:var(--text-dark)}.nav-item.active{background-color:var(--primary-color);box-shadow:0 4px 12px #4f46e533;color:#fff}.nav-text{font-size:.95rem;font-weight:600}.sidebar.collapsed .nav-text{display:none}.sidebar-footer{background-color:#ffffff80;border-top:1px solid var(--border-color);padding:.5rem}.sidebar.collapsed .sidebar-footer{display:flex;justify-content:center;padding:.5rem 0}.user-trigger{align-items:center;background:#0000;border:none;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.25rem .5rem;transition:background-color .2s;width:100%}.sidebar.collapsed .user-trigger{justify-content:center;padding:.25rem;width:auto}.user-avatar,.user-trigger:hover{background-color:var(--background-medium)}.user-avatar{align-items:center;border:none;box-shadow:0 2px 5px #00000014;color:var(--text-dark);display:flex;flex-shrink:0;font-size:.7rem;font-weight:800;height:32px;justify-content:center;position:relative;width:32px}.user-avatar:before{backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);background:#ffffff38;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 1px #0f172a2e;content:"";inset:-2px;pointer-events:none;position:absolute;z-index:0}.user-avatar-img,.user-avatar-initial{position:relative;z-index:1}.user-avatar-img{border-radius:50%;display:block;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease;width:100%}.user-avatar-img.is-visible{opacity:1}.user-avatar-skeleton{animation:sidebarAvatarShimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#94a3b840,#94a3b873 45%,#94a3b840);background-size:200% 100%;border-radius:50%;inset:0;position:absolute;z-index:1}.user-avatar-skeleton.is-hidden{animation:none;opacity:0}.user-info{flex:1 1;justify-content:center;line-height:1.2;overflow:hidden;text-align:left}.sidebar.collapsed .user-info{display:none}.user-name{font-size:.85rem;font-weight:700}.user-email-text,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email-text{color:var(--text-medium);font-size:.7rem}.user-popover-overlay{inset:0;position:fixed;z-index:1000}.user-popover{animation:popover-in .2s cubic-bezier(.16,1,.3,1);background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026,0 0 0 1px var(--border-color);overflow:hidden;position:absolute;width:300px;z-index:1001}.user-popover.friends-popover{left:24px;left:var(--friend-popover-left,24px);position:fixed;top:24px;top:var(--friend-popover-top,24px);z-index:1200}.popover-action-btn{align-items:center;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);background:#fffc;border:1px solid #fff9;border-radius:999px;color:var(--text-dark);cursor:pointer;display:inline-flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:background-color .2s,border-color .2s,opacity .2s;width:32px;z-index:5}.popover-action-btn:hover{background:#fffffff2;border-color:var(--border-color)}.popover-action-btn svg{height:16px;width:16px}.popover-action-btn.is-sent{animation:popoverCheckIn .35s ease-out;background:#dcfce7e6;border-color:#16a34a66;color:#16a34a}.popover-action-btn.is-sent svg{animation:popoverCheckPop .35s ease-out}.popover-action-btn:disabled{cursor:default}@keyframes popoverCheckIn{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes popoverCheckPop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.user-popover.sidebar-expanded{bottom:1rem;left:calc(100% + 1rem)}.user-popover.sidebar-collapsed{bottom:1rem;left:80px}@keyframes popover-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.popover-banner{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover-color));height:80px;overflow:hidden;position:relative}.popover-banner-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.popover-banner:after{background:linear-gradient(180deg,#0000,#00000059);content:"";inset:0;position:absolute;z-index:1}.popover-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-top:-40px;padding:0 1.25rem;position:relative;z-index:2}.popover-avatar{align-items:center;background-color:var(--background-medium);border:none;border-radius:50%;box-shadow:0 4px 6px #00000014;color:var(--text-dark);display:flex;font-size:1.7rem;font-weight:800;height:80px;justify-content:center;position:relative;width:80px}.popover-avatar:before{backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);background:#ffffff38;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 1px #0f172a33,0 8px 18px #0f172a29;content:"";inset:-5px;pointer-events:none;position:absolute;z-index:0}.popover-avatar-img,.popover-avatar-initial{position:relative;z-index:1}.popover-avatar-img{border-radius:50%;display:block;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease;width:100%}.popover-avatar-img.is-visible{opacity:1}.popover-avatar-skeleton{animation:sidebarAvatarShimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#94a3b840,#94a3b873 45%,#94a3b840);background-size:200% 100%;border-radius:50%;inset:0;position:absolute;z-index:1}.popover-avatar-skeleton.is-hidden{animation:none;opacity:0}@keyframes sidebarAvatarShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.popover-badges{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:99px;color:var(--primary-color);font-size:.75rem;font-weight:700;margin-bottom:10px;padding:4px 8px}.popover-body{padding:0 1.25rem 1.25rem}.popover-name-box{border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:1rem}.popover-username{color:var(--text-dark);font-size:1.25rem;font-weight:800;margin-bottom:.25rem}.popover-email{color:var(--text-medium);font-size:.85rem}.popover-details{background-color:var(--background-light);border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.detail-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.detail-label{color:var(--text-medium);font-weight:500}.detail-value{color:var(--text-dark);font-weight:700}.popover-actions{display:flex;gap:.5rem;margin-top:1rem}.popover-btn{background:#fff;border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-dark);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.5rem;transition:all .2s}.popover-btn:hover{background-color:var(--background-medium)}.popover-btn.danger{background-color:#fef2f2;border-color:#fecaca;color:var(--danger-color)}.popover-btn.danger:hover{background-color:#fee2e2}[data-theme=dark] .sidebar{background-color:#020617cc;border-right-color:var(--border-color)}[data-theme=dark] .sidebar-footer{background-color:#0f172a80}[data-theme=dark] .user-avatar:before{background:#1e293b66;border-color:#47556980;box-shadow:0 0 0 1px #94a3b826}[data-theme=dark] .user-popover{background-color:var(--white-color);box-shadow:0 10px 40px #0006,0 0 0 1px var(--border-color)}[data-theme=dark] .popover-action-btn{background:#1e293bcc;border-color:#47556999;color:var(--text-dark)}[data-theme=dark] .popover-action-btn:hover{background:#334155f2;border-color:var(--border-color)}[data-theme=dark] .popover-action-btn.is-sent{background:#14532de6;border-color:#22c55e66;color:#4ade80}[data-theme=dark] .popover-avatar:before{background:#1e293b66;border-color:#47556980;box-shadow:0 0 0 1px #94a3b826,0 8px 18px #0000004d}[data-theme=dark] .popover-btn{background:var(--background-medium);border-color:var(--border-color);color:var(--text-dark)}[data-theme=dark] .popover-btn:hover{background-color:var(--border-color)}[data-theme=dark] .popover-btn.danger{background-color:#7f1d1d66;border-color:#ef44444d;color:#f87171}[data-theme=dark] .popover-btn.danger:hover{background-color:#991b1b80}.detail-row.align-start{align-items:flex-start}.detail-value.learning-goal{max-width:65%;text-align:right;word-break:break-word}.friends-page{display:flex;flex-direction:column;font-family:inherit;gap:1.5rem}.friends-tabs-wrap{background:var(--white-color);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem 1.25rem}.tabs-subtitle{color:var(--text-light);font-size:.95rem;margin-top:.5rem}.friends-card{background:var(--white-color);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.card-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.card-title{color:var(--text-dark);font-size:1.35rem;font-weight:800;margin-bottom:.25rem}.card-subtitle{color:var(--text-light);font-size:.95rem}.tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:0}.tabs.sub-tabs{margin-bottom:1rem;margin-top:0}.tab-btn{align-items:center;background:var(--background-light);border:1px solid var(--border-color);border-radius:999px;color:var(--text-medium);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:700;gap:.6rem;padding:.5rem .9rem;transition:background-color .2s,color .2s,border-color .2s}.tab-btn.active{background:var(--background-medium);border-color:var(--border-color);color:var(--text-dark)}.count-badge{align-items:center;background:var(--primary-color-light);border-radius:999px;color:var(--primary-color-dark);display:inline-flex;font-size:.85rem;font-weight:700;height:1.8rem;justify-content:center;min-width:1.8rem;padding:0 .55rem}.tab-btn .count-badge{background:var(--background-medium);color:inherit}.count-badge.subtle,.tab-btn:not(.active) .count-badge{background:var(--background-medium);color:var(--text-medium)}.friends-list,.requests-list,.requests-panel{display:flex;flex-direction:column;gap:1rem}.friends-toast-container{display:flex;flex-direction:column;gap:10px;left:50%;max-width:400px;pointer-events:none;position:fixed;top:80px;transform:translateX(-50%);width:90%;z-index:2000}.toast-item{animation:slideInDown .3s ease-out;border-radius:.375rem;box-shadow:0 4px 12px #00000026;pointer-events:auto}.toast-item>div{margin-bottom:0!important}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.friends-search{display:flex;flex-direction:column;gap:1rem}.search-form{align-items:center;flex-wrap:wrap}.search-input-wrap{align-items:center;display:flex;flex:1 1 320px}.search-icon{display:inline-flex;left:.85rem}.search-icon svg{height:18px;width:18px}.search-input{border-radius:.5rem;font-family:inherit;font-size:.95rem;height:44px;padding:0 1rem 0 2.5rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{box-shadow:0 0 0 3px #ff906833}.search-btn{height:44px;padding:0 1.25rem}.search-results{background:var(--background-light);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem}.search-results.has-result{background:#0000;border:none;padding:0}.search-empty{color:var(--text-light);font-size:.95rem}.search-message{font-size:.95rem;font-weight:600}.search-message.error{color:var(--danger-color)}.search-result-item{background:var(--white-color)}.friend-avatar,.request-avatar{position:relative;z-index:0}.friend-avatar:before,.request-avatar:before{backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);background:#ffffff38;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 1px #0f172a2e;content:"";inset:-2px;pointer-events:none;position:absolute;z-index:0}.friend-avatar-initial,.request-avatar-initial{position:relative;z-index:1}.friend-avatar-img,.request-avatar-img{border-radius:50%;display:block;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.request-avatar-img.is-hidden{display:none}.friend-id{color:var(--text-light);font-size:.8rem;word-break:break-all}.friend-item,.request-item{align-items:center;background:var(--background-light);border:1px solid var(--border-color);border-radius:.75rem;display:flex;gap:1rem;padding:.85rem 1rem}.friend-avatar,.request-avatar{align-items:center;background:var(--background-medium);border-radius:999px;color:var(--text-dark);display:flex;font-size:1rem;font-weight:800;height:42px;justify-content:center;width:42px}.friend-info,.request-info{flex:1 1;min-width:0}.friend-name,.friends-btn,.request-name{color:var(--text-dark);font-weight:700}.friends-btn{background:var(--background-medium);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:.85rem;padding:.45rem .85rem;transition:background-color .2s,color .2s,border-color .2s;white-space:nowrap}.friends-btn:hover{background-color:var(--border-color);border-color:var(--text-medium)}.friends-btn.primary{background:var(--primary-color);border-color:#0000;color:var(--white-color)}.friends-btn.ghost{background:#0000}.request-actions{display:flex;gap:.5rem}.requests-empty{color:var(--text-light);font-size:.95rem}@media (max-width:720px){.friend-item,.request-item{align-items:flex-start;flex-wrap:wrap}.request-actions{justify-content:flex-start;width:100%}}.friend-actions{display:flex;gap:.5rem}.friends-btn.danger{border-color:#ef4444;border-color:var(--danger-color,#ef4444);color:#ef4444;color:var(--danger-color,#ef4444)}.friends-btn.danger:hover{background-color:#ef4444;background-color:var(--danger-color,#ef4444);color:#fff}.leaderboard-container{background:#0000;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem;width:95%}.leaderboard-header{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;position:relative}.leaderboard-title-group{text-align:center}.leaderboard-header-actions{display:none}.leaderboard-filters{align-items:center;background-color:initial;border-bottom:none;display:flex;gap:1rem;justify-content:flex-end;padding:0 0 1.5rem}.leaderboard-filters .input-group{flex:0 1 240px;min-width:200px}@media (max-width:768px){.leaderboard-filters{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.leaderboard-filters .input-group{max-width:none}}.leaderboard-title{color:var(--text-dark);font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.leaderboard-subtitle{color:var(--text-medium);font-size:1rem;margin:0;text-align:center}.input-group{min-width:200px}.input-group label{display:none}.modern-combobox-input{font-family:inherit;line-height:1.5rem}.modern-combobox-options{right:0}.modern-combobox-option{transition:background-color .1s ease;-webkit-user-select:none;user-select:none}.modern-combobox-option:last-child{margin-bottom:0}.option-label{display:block;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-label.selected{font-weight:600}.option-check{bottom:0;top:0}.option-check.active{color:var(--primary-color-dark)}.modern-combobox-empty{color:var(--text-medium);cursor:default;font-style:italic;padding:.75rem 1rem;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.leaderboard-content{background:#fff;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.leaderboard-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:2rem;padding:1rem 1.5rem 0}.leaderboard-tab{background:none;border:none;color:var(--text-medium);cursor:pointer;font-size:1rem;font-weight:600;padding-bottom:1rem;position:relative;transition:color .2s}.leaderboard-tab.active{color:var(--primary-color)}.leaderboard-tab.active:after{background:var(--primary-color);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.leaderboard-list{display:flex;flex-direction:column}.leaderboard-header-row{background:var(--background-light);color:var(--text-medium);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem 2rem;text-transform:uppercase}.leaderboard-header-row,.leaderboard-row{display:grid;grid-template-columns:80px 1fr 150px}.leaderboard-row{align-items:center;border-bottom:1px solid var(--border-color);padding:1.25rem 2rem;transition:background-color .2s}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background-color:var(--background-light)}.leaderboard-row.highlight{background-color:rgba(var(--primary-rgb),.05)}.rank-cell{align-items:center;border-radius:50%;color:var(--text-medium);display:flex;font-size:1.25rem;font-weight:700;height:36px;justify-content:center;width:36px}.rank-1{background:#fef3c7;color:#d97706}.rank-2{background:#f3f4f6;color:#4b5563}.rank-3{background:#ffedd5;color:#ea580c}.user-cell{align-items:center;display:flex;gap:1rem}.user-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:48px;object-fit:cover;width:48px}.user-info{display:flex;flex-direction:column}.user-name{color:var(--text-dark);font-size:1rem;font-weight:600}.user-country{color:var(--text-medium);font-size:.875rem;gap:.25rem}.score-cell,.user-country{align-items:center;display:flex}.score-cell{color:var(--primary-color);font-size:1.25rem;font-weight:700;gap:.5rem;justify-content:flex-end;text-align:right}.score-label{color:var(--text-medium);font-size:.875rem;font-weight:500}@media (max-width:768px){.leaderboard-container{padding:1rem}.leaderboard-header{flex-direction:column;gap:1rem;height:auto}.leaderboard-header-actions{position:relative;right:auto;top:auto;transform:none;width:100%}.leaderboard-header-row,.leaderboard-row{grid-template-columns:50px 1fr 100px;padding:1rem}.user-avatar{height:36px;width:36px}.rank-cell{font-size:1rem;height:30px;width:30px}}.required-info-overlay{align-items:center;animation:fadeInOverlay .3s forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0006;box-sizing:border-box;display:flex;inset:0;justify-content:center;opacity:0;padding:1.5rem;position:fixed;z-index:2000}.required-info-modal{animation:popInModal .3s .1s forwards;background:var(--white-color);border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:480px;opacity:0;overflow:hidden;transform:scale(.95);width:100%}.required-info-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.required-info-title{color:var(--text-dark);font-size:1.25rem;font-weight:700;margin:0}.required-info-close{background:#0000;border:none;border-radius:6px;color:var(--text-medium);cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem .5rem;transition:background-color .2s,color .2s}.required-info-close:hover{background-color:var(--background-medium);color:var(--text-dark)}.required-info-body{flex:1 1;overflow-y:auto;padding:1.5rem}.required-info-subtitle{color:var(--text-medium);font-size:.95rem;line-height:1.5;margin:0 0 1.5rem;text-align:center}.required-info-error{background-color:#fee2e2;border-radius:8px;color:#991b1b;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:center}.required-info-form{gap:1.5rem}.required-info-form,.required-info-form .input-group{display:flex;flex-direction:column}.required-info-form .input-group label{color:var(--text-dark);font-weight:600;margin-bottom:.5rem}.required-info-form .input-group input{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.375rem;box-sizing:border-box;color:var(--text-medium);font-size:1rem;height:44px;padding:0 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.required-info-form .input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff906833;outline:none}.input-help-text{color:var(--text-light);font-size:.8rem;margin-bottom:0;margin-top:.5rem}.input-help-text a{color:var(--primary-color);font-weight:500;text-decoration:none}.input-help-text a:hover{text-decoration:underline}.required-info-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:1rem}.required-info-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;height:44px;justify-content:center;line-height:1;min-width:100px;padding:0 1.5rem;transition:all .2s}.required-info-btn.primary{background-color:var(--primary-color);color:var(--white-color)}.required-info-btn.primary:hover:not(:disabled){background-color:var(--primary-hover-color);transform:translateY(-1px)}.required-info-btn.primary:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.required-info-btn.secondary{background-color:var(--background-medium);border:1px solid var(--border-color);color:var(--text-dark)}.required-info-btn.secondary:hover{background-color:#e5e5ea}@media (max-width:520px){.required-info-overlay{align-items:flex-end;padding:1rem}.required-info-modal{border-radius:16px 16px 0 0;max-height:95vh}.required-info-actions{flex-direction:column}.required-info-btn{width:100%}}.initial-test-container{animation:fadeIn .5s ease-in-out;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 8px 24px #0000000d;margin:2rem auto;max-width:800px;padding:2rem}.page-subtitle{color:var(--text-medium);font-size:1rem;font-weight:500;margin-bottom:2.5rem;text-align:center}.word-display-card{background-color:var(--primary-color-light);border:2px solid var(--primary-color);border-radius:.75rem;box-shadow:0 4px 12px #4f46e51a;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.word-display-card .word{color:var(--primary-color-dark);font-size:3.5rem;font-weight:900;letter-spacing:.1em}.controls-section{border-top:1px solid var(--border-color);padding-top:2rem;text-align:center}.controls-section p{color:var(--text-medium);font-size:.9rem;margin-bottom:1rem}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skip-button,.test-button{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.test-button{background-color:var(--primary-color);color:#fff}.test-button:hover{background-color:var(--primary-color-dark);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.skip-button{background-color:initial;border:2px solid var(--border-color);color:var(--text-medium)}.skip-button:hover{background-color:var(--background-color-hover);border-color:var(--text-medium);color:var(--text-dark)}.skip-button:disabled,.test-button:disabled{cursor:not-allowed;opacity:.5}#custom-alert-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9999}#custom-alert-overlay.visible{opacity:1;pointer-events:auto}.alert-box{align-items:center;background-color:var(--white-color);border-radius:.75rem;box-shadow:0 10px 25px #0000001a;display:flex;gap:1rem;padding:2rem 2.5rem;transform:scale(.95);transition:transform .3s ease}#custom-alert-overlay.visible .alert-box{transform:scale(1)}.alert-box .spinner{animation:spin 1s linear infinite;border:3px solid var(--primary-color);border-radius:50%;border-top:3px solid #0000;height:24px;width:24px}.alert-box .alert-text{color:var(--text-dark);font-size:1.1rem;font-weight:600}@keyframes spin{to{transform:rotate(1turn)}}.media-error-alert{background-color:#fee2e2;color:#991b1b}.media-error-alert,.media-info-alert{border-radius:.5rem;font-weight:500;margin-bottom:1rem;padding:1rem;text-align:center}.media-info-alert{background-color:#e0f2fe;color:#075985}.practice-controls{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.rate-warning-text{color:#f97316;color:var(--warning-color,#f97316);font-weight:500;margin-top:1rem;text-align:center}.topic-selector-container{background-color:var(--background-light);border-radius:12px;max-width:800px;padding:1rem;text-align:center}.topic-selector-title{color:var(--text-dark);font-size:2rem;margin-bottom:.5rem}.topic-selector-form .info-section{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2.5rem;text-align:left}.topic-selector-form .input-group{flex:1 1;max-width:300px}.topic-selector-form .input-group label{color:var(--text-medium);display:block;font-weight:600;margin-bottom:.5rem}.topic-selector-form .input-group input,.topic-selector-form .input-group select{background-color:var(--background-very-light);border:1px solid var(--border-color);border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.topic-grid-title{color:var(--text-dark);font-size:1.5rem;margin-bottom:1.5rem}.topic-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:2.5rem}.topic-card{background-color:initial;border:2px solid var(--border-color);border-radius:8px;color:var(--text-medium);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s ease}.topic-card:hover{background-color:var(--primary-color-transparent);border-color:var(--primary-color-light)}.topic-card.selected{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 15px #007bff33;color:#fff;transform:scale(1.05)}.form-actions{margin-top:2rem}.confirm-btn,.form-actions{display:flex;justify-content:center}.confirm-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:.375rem;color:var(--white-color);cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;height:44px;line-height:1;padding:0 2.5rem;transition:background-color .2s,opacity .2s}.confirm-btn:not(:disabled):hover{background-color:var(--primary-hover-color)}.confirm-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.topic-selector-subtitle{color:var(--text-medium);font-size:1.1rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.privacy-notice{color:var(--text-light);font-size:.875rem;font-style:italic;margin:-1.5rem auto 2.5rem;max-width:550px}.privacy-notice strong{color:var(--text-medium);font-weight:600}.difficulty-selector-section{margin-bottom:2.5rem}.difficulty-selector-title{color:var(--text-dark);font-size:1.5rem;margin-bottom:1.5rem}.difficulty-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.difficulty-card{background-color:initial;border:2px solid var(--border-color);border-radius:8px;color:var(--text-medium);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;text-align:center;transition:all .2s ease}.difficulty-card:not(:disabled):hover{background-color:var(--primary-color-transparent);border-color:var(--primary-color-light);color:var(--primary-color)}.difficulty-card.selected{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 15px #007bff33;color:#fff;transform:scale(1.05)}.difficulty-card:disabled{background-color:var(--background-very-light);border-color:var(--border-color-light);color:var(--text-very-light);cursor:not-allowed;opacity:.6}.difficulty-card:disabled:hover{box-shadow:none;transform:none}.course-modal-overlay{align-items:center;animation:fadeIn .3s forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:9999}.course-modal-content{animation:scaleUp .3s .1s forwards;background-color:var(--white-color);border-radius:1rem;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;gap:1.5rem;max-width:600px;opacity:0;padding:2rem;position:relative;transform:scale(.9);width:90%}.course-modal-header{border-bottom:2px solid var(--border-color);margin-bottom:.5rem;padding-bottom:1rem}.course-modal-title{color:var(--text-dark);font-size:1.75rem;font-weight:700;margin:0}.course-modal-date{color:var(--text-medium);font-size:.9rem;margin-top:.5rem}.course-modal-body{flex:1 1}.course-modal-description{color:var(--text-dark);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.course-modal-progress{align-items:center;background-color:var(--background-medium);border-radius:.5rem;color:var(--primary-color);display:flex;font-weight:600;gap:1rem;padding:.75rem 1rem}.course-modal-actions{display:flex;justify-content:flex-end;margin-top:1rem}.course-modal-btn{background-color:var(--primary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-family:inherit;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.course-modal-btn:hover{background-color:var(--primary-hover-color)}.course-modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-medium);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background-color .2s;width:30px}.course-modal-close-btn:hover{background-color:var(--background-medium);color:var(--text-dark)}@keyframes scaleUp{to{opacity:1;transform:scale(1)}}.courses-title{font-size:2rem;margin-bottom:.5rem}.courses-subtitle{color:var(--text-medium);margin-bottom:2rem;text-align:center}.courses-current-language{color:var(--text-medium);font-size:.95rem;margin-bottom:2rem;margin-top:-1.25rem}.courses-page-container{gap:3rem;max-width:1200px}.courses-page-container,.courses-section{display:flex;flex-direction:column;width:100%}.section-subtitle{border-bottom:2px solid var(--border-color);color:var(--text-dark);font-size:1.5rem;margin-bottom:1.5rem}.cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,1fr);width:100%}@media (min-width:768px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.course-card-item{aspect-ratio:1/1;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-top:0!important;overflow:hidden;position:relative}.course-date-overlay{background:var(--card-gradient);border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;bottom:0;color:var(--text-medium);font-size:.95rem;font-weight:500;left:0;padding:2rem 1rem .75rem;pointer-events:none;position:absolute;text-align:right;width:100%}.card-content{flex:1 1;overflow:hidden}.card-actions{display:flex;justify-content:center;margin-top:1rem}.daily-practice-card{border-left:5px solid var(--primary-color)}.daily-practice-title{color:var(--primary-color);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.daily-practice-description{color:var(--text-dark);margin-bottom:1rem}.course-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.course-card-level{color:var(--text-medium);font-style:italic;margin-bottom:1rem}.course-card-description{color:var(--text-dark);margin-bottom:1rem}.course-topics-wrapper{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px}.course-topic-tag{background-color:var(--background-medium);border-radius:4px;color:var(--text-medium);font-size:.85rem;padding:4px 8px}.course-card-footer{align-items:flex-end;background:var(--card-gradient);border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;bottom:0;color:var(--text-medium);display:flex;font-size:.95rem;font-weight:500;gap:.75rem;justify-content:space-between;left:0;padding:2rem 1rem .75rem;pointer-events:none;position:absolute;width:100%}.course-status-text{font-size:.8rem;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 2px #00000026;text-transform:uppercase;white-space:nowrap}.course-date-text{white-space:nowrap}.course-card-item.status-completed{border-left:5px solid #1f8a70}.course-card-item.status-in-progress{border-left:5px solid #c96a1b}.course-card-item.status-not-started{border-left:5px solid #7b7f8a}.status-completed{color:#1f8a70}.status-in-progress{color:#c96a1b}.status-not-started{color:#7b7f8a}@media (prefers-color-scheme:dark){.course-card-item.status-completed{border-left-color:#37c2a3}.course-card-item.status-in-progress{border-left-color:#f3a54a}.course-card-item.status-not-started{border-left-color:#9aa0ab}.status-completed{color:#37c2a3}.status-in-progress{color:#f3a54a}.status-not-started{color:#9aa0ab}}.no-courses-message{align-items:center;aspect-ratio:auto;color:var(--text-medium);grid-column:1/-1;justify-content:center;text-align:center}.tutor-page-container{box-sizing:border-box;flex-grow:1;margin:0 auto;max-width:1040px;padding:2rem;width:100%}.tutor-page-subtitle{color:var(--text-medium);font-size:1.1rem;margin-bottom:2rem;text-align:center}.tutor-app-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr);margin-top:1rem}@media (min-width:640px){.tutor-app-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tutor-app-grid{grid-template-columns:repeat(3,1fr)}}.tutor-card{background:var(--white-color);border:1px solid var(--border-color);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;max-height:200px;min-height:140px;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.tutor-card:hover{border-color:#fdba74;border-color:var(--primary-color-light,#fdba74);box-shadow:0 12px 24px #00000014}.tutor-language-title{color:var(--text-dark);font-size:1.25rem;font-weight:700}.tutor-status-badge{border-radius:99px;font-size:.75rem;font-weight:700;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.status-active,.status-approved{background-color:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.status-pending{background-color:#fef9c3;border:1px solid #fde047;color:#a16207}.status-rejected{border:1px solid #fca5a5}.status-paused{background-color:#fef3c7;border:1px solid #fcd34d;color:#92400e}.tutor-card-body{color:var(--text-medium);font-size:.95rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.view-reason-btn{align-self:center;background-color:#b91c1c;border:none;border-radius:.375rem;color:var(--white-color);cursor:pointer;font-size:.85rem;font-weight:600;margin-top:auto;padding:.5rem 1rem;transition:all .2s}.view-reason-btn:hover{background-color:#991b1b}.view-reason-btn.btn-paused{background-color:#d97706}.view-reason-btn.btn-paused:hover{background-color:#b45309}.warning-text{color:#92400e}.modal-overlay{animation:overlayFadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;z-index:1000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.reject-modal{background:var(--white-color);border-radius:.75rem;box-shadow:0 20px 40px #00000026;max-width:400px;overflow:hidden;width:100%}.reject-modal-header{align-items:center;background:var(--background-light);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.reject-modal-header h3{color:var(--text-dark);font-size:1.1rem;font-weight:700;margin:0}.modal-close-btn{background:#0000;border:none;color:var(--text-medium);cursor:pointer;padding:.25rem;transition:color .2s}.modal-close-btn:hover{color:var(--text-dark)}.reject-modal-body{padding:1.5rem}.reject-modal-language{color:var(--text-light);font-size:.85rem;font-weight:600;margin:0 0 .5rem;text-transform:uppercase}.reject-modal-reason{color:var(--text-dark);font-size:1rem;line-height:1.6;margin:0}.reject-modal-footer{background:var(--background-light);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:1rem 1.5rem}.ios-modal-overlay{align-items:center;animation:iosFadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000004d;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:4000}@keyframes iosFadeIn{0%{opacity:0}to{opacity:1}}.ios-modal{animation:iosScaleIn .3s cubic-bezier(.16,1,.3,1);background:var(--white-color);border-radius:28px;box-shadow:0 20px 40px -8px #0003,0 0 0 1px #0000000d;display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:440px;overflow:hidden;width:100%}@keyframes iosScaleIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ios-modal-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:1.25rem 1.5rem 1rem;z-index:10}.ios-modal-title{color:var(--text-dark);font-size:1.1rem;font-weight:700}.ios-close-btn{align-items:center;background:#f1f2f3;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.ios-close-btn:hover{background:#e5e5ea;color:#1c1c1e}.ios-modal-content{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow:hidden;padding:1rem 1.25rem}.ios-reason-card{align-items:flex-start;background-color:#fef3c7;border-radius:18px;display:flex;flex-shrink:0;gap:.875rem;padding:1rem}.ios-reason-icon{color:#d97706;margin-top:2px}.ios-reason-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.ios-reason-label{color:#92400e;font-size:.75rem;font-weight:700;letter-spacing:.05em;opacity:.7;text-transform:uppercase}.ios-reason-text p{color:#92400e;font-size:.9375rem;line-height:1.5;margin:0;transition:all .3s ease}.ios-line-clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ios-read-more-btn{align-self:flex-start;background:none;border:none;color:#d97706;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:.25rem;padding:0;transition:opacity .2s}.ios-read-more-btn:hover{opacity:.8;text-decoration:underline}.ios-chat-area{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-height:0;overflow-y:auto;padding-bottom:20px;padding-right:4px}.ios-chat-row{display:flex;width:100%}.row-user{justify-content:flex-end}.row-admin{justify-content:flex-start}.ios-chat-time{color:#8e8e93;font-size:.75rem;font-weight:500;margin:16px 0 8px;text-align:center}.ios-bubble{word-wrap:break-word;font-size:.95rem;line-height:1.4;max-width:80%;padding:.625rem 1rem;position:relative}.bubble-admin{background-color:#e9e9eb;border-radius:18px 18px 18px 4px;color:#000}.bubble-user{background:var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 0,#fd746c 100%);border-radius:18px 18px 4px 18px;box-shadow:0 2px 4px #fd746c33;color:#fff}.ios-empty-state{color:#aeaeb2;font-size:.9rem;margin:auto;padding:1rem;text-align:center}.ios-input-bar{align-items:flex-end;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #0000000d;display:flex;gap:.75rem;padding:.75rem 1rem}.ios-input-field{background:#f2f2f7;border:none;border-radius:20px;color:var(--text-dark);flex:1 1;font-family:inherit;font-size:.95rem;line-height:1.4;max-height:100px;min-height:38px;padding:.625rem 1rem;resize:none}.ios-input-field:focus{background:#e5e5ea;outline:none}.ios-send-btn{align-items:center;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-bottom:2px;transition:transform .1s;width:36px}.ios-send-btn:hover:not(:disabled){background:var(--primary-hover-color);transform:scale(1.05)}.ios-send-btn:disabled{background:#d1d1d6;cursor:default;opacity:.5}[data-theme=dark] .ios-modal{background:#1c1c1e;box-shadow:0 0 0 1px #ffffff1a}[data-theme=dark] .ios-modal-header{background:#1c1c1ee6;border-bottom-color:#ffffff1a}[data-theme=dark] .ios-modal-title{color:#fff}[data-theme=dark] .ios-close-btn{background:#2c2c2e;color:#8e8e93}[data-theme=dark] .ios-close-btn:hover{background:#3a3a3c;color:#fff}[data-theme=dark] .ios-modal-content{background:#1c1c1e}[data-theme=dark] .ios-reason-card{background:#fef3c71a;border:1px solid #f59e0b4d}[data-theme=dark] .ios-reason-label,[data-theme=dark] .ios-reason-text p{color:#fbbf24}[data-theme=dark] .bubble-admin{background-color:#2c2c2e;color:#fff}[data-theme=dark] .ios-input-bar{background:#1c1c1ef2;border-top-color:#ffffff1a}[data-theme=dark] .ios-input-field{background:#2c2c2e;color:#fff}[data-theme=dark] .ios-input-field:focus{background:#3a3a3c}.tutor-card-add{align-items:center;background:#0000;border:2px dashed var(--border-color);color:var(--text-medium);cursor:pointer;justify-content:center;min-height:200px;transition:all .2s}.tutor-card-add:hover{background:#ff906808;border-color:var(--primary-color);color:var(--primary-color)}.add-icon-circle{align-items:center;background:var(--background-medium);border-radius:50%;color:var(--text-medium);display:flex;height:56px;justify-content:center;margin-bottom:1rem;transition:all .2s;width:56px}.tutor-card-add:hover .add-icon-circle{background:var(--primary-color);color:var(--white-color);transform:scale(1.1)}.tutor-card-add span{font-size:1rem;font-weight:600}.tutor-form-shell{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.75rem;display:flex;flex-direction:column;margin:0 auto;max-width:800px;overflow:hidden}.tutor-form-header{align-items:center;background-color:var(--background-light);border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1.5rem 1.5rem 1rem}.tutor-form-title{color:var(--text-dark);font-size:1.25rem;font-weight:700;margin:0}.back-btn{align-items:center;border:1px solid var(--border-color);border-radius:50%;color:var(--text-medium);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.back-btn,.back-btn:hover{background:var(--white-color)}.back-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateX(-2px)}.tutor-form-body{gap:2.5rem;padding:2rem}.form-section,.tutor-form-body{display:flex;flex-direction:column}.form-section{gap:1.25rem}.section-subtitle{border-bottom:2px solid var(--primary-color-light);color:var(--primary-color);font-size:1.1rem;font-weight:700;letter-spacing:.025em;margin:0;padding-bottom:.5rem;text-transform:uppercase}.section-content{display:flex;flex-direction:column;gap:1.5rem}.tutor-form-footer{background-color:var(--background-light);border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.input-group{display:flex;flex-direction:column;gap:.6rem}.input-group label{color:var(--text-dark);display:block;font-size:.95rem;font-weight:700}.input-group input,.input-group textarea{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.375rem;box-sizing:border-box;color:var(--text-dark);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.input-group input{height:44px;padding:0 1rem}.input-group textarea{line-height:1.5;min-height:120px;resize:vertical}.input-group input:focus,.input-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff906833;outline:none}.file-input-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.input-group label.file-upload-label,.proof-card .input-group label.file-upload-label,label.file-upload-label{align-items:center!important;background-color:var(--white-color);border:1px dashed var(--border-color);border-radius:.375rem;box-sizing:border-box;color:var(--text-medium);cursor:pointer;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;font-weight:500;gap:.5rem!important;justify-content:center!important;line-height:1;margin-bottom:0;min-height:44px;padding:.75rem 1rem;transition:all .2s;white-space:nowrap;width:100%}.input-group label.file-upload-label>svg,.proof-card .input-group label.file-upload-label>svg,label.file-upload-label>svg{align-self:center!important;display:inline-flex!important;flex:0 0 16px!important;height:16px!important;max-height:16px!important;max-width:16px!important;min-height:16px!important;min-width:16px!important;vertical-align:middle;width:16px!important}.input-group label.file-upload-label>span,.proof-card .input-group label.file-upload-label>span,label.file-upload-label>span{align-self:center!important;display:inline-flex!important;flex:0 0 auto!important;font-size:.95rem;vertical-align:middle;width:auto!important}.input-group label.file-upload-label:hover,.proof-card .input-group label.file-upload-label:hover,label.file-upload-label:hover{background-color:#ff90680d;border-color:var(--primary-color);color:var(--primary-color)}.input-group label.file-upload-label.has-file,.proof-card .input-group label.file-upload-label.has-file,label.file-upload-label.has-file{background-color:#ff906814;border-color:var(--primary-color);border-style:solid;color:var(--primary-color)}.file-name-display{color:var(--text-light);font-size:.85rem;margin-top:.25rem;text-align:center;word-break:break-all}.proof-list{display:flex;flex-direction:column;gap:1rem}.proof-card{grid-gap:1rem;background:var(--background-medium);border:1px solid var(--border-color);border-radius:.5rem;display:grid;gap:1rem;padding:1.25rem;position:relative}.proof-card-header{align-items:center;display:flex;justify-content:space-between}.proof-number{color:var(--text-light);font-size:.85rem;font-weight:700;text-transform:uppercase}.proof-remove-btn{background:#0000;border:none;color:var(--text-medium);cursor:pointer;padding:.25rem;transition:color .2s}.proof-remove-btn:hover{color:var(--danger-color)}.proof-preview-area{align-items:center;background:var(--white-color);border:2px dashed var(--border-color);border-radius:.5rem;display:flex;height:200px;justify-content:center;margin-top:.5rem;overflow:hidden;position:relative;width:100%}.proof-preview-area img{height:100%;object-fit:contain;padding:.5rem;width:100%}.proof-preview-placeholder{color:var(--text-light);font-size:.9rem;pointer-events:none;text-align:center}.add-proof-btn{align-items:center;background:#0000;border:2px dashed var(--border-color);border-radius:.5rem;color:var(--primary-color);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;height:48px;justify-content:center;margin-top:.5rem;transition:all .2s;width:100%}.add-proof-btn:hover{background:rgba(var(--primary-rgb),.05);border-color:var(--primary-color)}.primary-btn,.update-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:.375rem;color:var(--white-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;height:44px;justify-content:center;padding:0 1.5rem;transition:all .2s}.primary-btn:hover,.update-btn:hover{background-color:var(--primary-hover-color);transform:translateY(-1px)}.primary-btn:disabled,.update-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7;transform:none}.secondary-btn{align-items:center;background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-dark);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;height:44px;justify-content:center;padding:0 1.5rem;transition:all .2s}.secondary-btn:hover{background-color:var(--background-medium);border-color:var(--text-medium)}.modern-combobox-wrapper{align-items:center;background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.375rem;cursor:default;display:flex;height:44px;overflow:hidden;position:relative;text-align:left;transition:all .2s;width:100%}.modern-combobox-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff906833}.modern-combobox-input{background-color:initial;border:none;color:var(--text-dark);font-size:1rem;height:100%;outline:none;padding:0 2.5rem 0 1rem;width:100%}.modern-combobox-btn{align-items:center;background:#0000;border:none;bottom:0;color:var(--text-medium);cursor:pointer;display:flex;padding-right:.5rem;position:absolute;right:0;top:0}.modern-combobox-options{background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;font-size:.95rem;margin-top:.25rem;max-height:15rem;outline:none;overflow:auto;padding:.375rem;position:absolute;width:100%;z-index:50}.modern-combobox-option{border-radius:.375rem;color:var(--text-dark);cursor:pointer;margin-bottom:.125rem;padding:.5rem .75rem .5rem 2.25rem;position:relative}.modern-combobox-option.active{background-color:var(--primary-color-light);color:var(--primary-color-dark)!important}.option-check{align-items:center;color:var(--primary-color);display:flex;height:100%;left:0;padding-left:.75rem;position:absolute}@media (max-width:600px){.tutor-page-container{padding:1rem}.tutor-form-footer{flex-direction:column-reverse;padding:1rem}.primary-btn,.secondary-btn{width:100%}}.tutors-list-container{margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.tutors-list-header{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin-bottom:2rem;text-align:center}.tutors-list-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-dark) 0,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);display:inline-block;font-size:2.5rem;font-weight:800;margin:0;position:relative}.tutors-list-title:after{background:var(--primary-color);border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto 0;opacity:.8;width:60px}.tutors-list-subtitle{color:var(--text-medium);font-size:1.1rem;margin-top:1rem;max-width:600px}.tutors-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tutor-public-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 10px 15px -3px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}[data-theme=dark] .tutor-public-card{background:#1e293b99;border:1px solid #ffffff14;box-shadow:0 4px 6px #0003}.tutor-public-card:hover{border-color:var(--primary-color-light);box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}[data-theme=dark] .tutor-public-card:hover{border-color:#fff3;box-shadow:0 12px 24px #0006}.tutor-card-header{align-items:flex-start;display:flex;justify-content:space-between}.tutor-info-wrapper{align-items:center;display:flex;gap:1rem}.tutor-avatar-wrapper{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;width:56px}.tutor-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%;z-index:1}.tutor-avatar-wrapper:before{backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);background:#ffffff38;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 1px #0f172a2e;content:"";inset:-3px;pointer-events:none;position:absolute;z-index:0}.tutor-details h3{color:var(--text-dark);font-size:1.15rem;font-weight:700;margin:0 0 .25rem}.tutor-headline{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-medium);display:-webkit-box;font-size:.85rem;line-height:1.4;overflow:hidden}.tutor-lang-badge{background-color:var(--primary-color-light);border-radius:99px;color:var(--primary-color-dark);font-size:.75rem;font-weight:700;height:-webkit-fit-content;height:fit-content;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.tutor-card-body{display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:space-between}.tutor-bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;background:var(--background-light);border-radius:8px;color:var(--text-dark);display:-webkit-box;font-size:.95rem;line-height:1.6;overflow:hidden;padding:.75rem}.view-profile-btn{background:var(--primary-color);border:1px solid #0000;border-radius:12px;box-shadow:0 4px 6px rgba(var(--primary-rgb),.2);color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:.85rem;text-align:center;transition:all .2s;width:100%}.view-profile-btn:hover{background:var(--primary-hover-color);box-shadow:0 6px 12px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}.tutors-empty{background:var(--background-light);border:2px dashed var(--border-color);border-radius:16px;color:var(--text-light);grid-column:1/-1;padding:4rem;text-align:center}.tutors-tabs-wrap{display:flex;justify-content:center;margin-bottom:2rem}.tutors-tabs{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:12px;display:flex;padding:4px;width:-webkit-fit-content;width:fit-content}.tutors-tab-btn{background:#0000;border:none;border-radius:8px;color:var(--text-medium);cursor:pointer;font-size:.95rem;font-weight:600;padding:8px 24px;transition:all .2s ease;white-space:nowrap}.tutors-tab-btn.active{background-color:var(--white-color);box-shadow:0 2px 4px #0000000d;color:var(--primary-color)}[data-theme=dark] .tutors-tab-btn.active{background-color:var(--background-medium);color:var(--white-color)}.my-tutors-list{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:800px}.my-tutor-item{align-items:center;background:var(--white-color);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .2s}.my-tutor-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000000d}.my-tutor-info{align-items:center;display:flex;gap:1rem}.my-tutor-status{border-radius:99px;font-size:.8rem;font-weight:700;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.status-pending{background-color:#fef3c7;color:#92400e}.status-accepted{background-color:#dcfce7;color:#15803d}.status-rejected{background-color:#fee2e2;color:#b91c1c}.my-tutor-actions{display:flex;gap:.5rem}.btn-small{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px}.btn-outline{background:#0000;border:1px solid var(--border-color);color:var(--text-dark)}.btn-outline:hover{background:var(--background-light);border-color:var(--text-medium)}.btn-danger-ghost{background:#0000;color:var(--danger-color)}.btn-danger-ghost:hover{background:#fef2f2}.tutors-search{margin:0 auto;max-width:600px}.search-form{display:flex;gap:.75rem;margin-bottom:2rem}.search-input-wrap{flex:1 1;position:relative}.search-input{background:var(--white-color);border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-dark);font-size:1rem;height:48px;padding:0 16px 0 44px;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.search-icon{color:var(--text-light);height:20px;left:14px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-btn{background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:48px;padding:0 24px}.search-btn:disabled{cursor:not-allowed;opacity:.7}.admin-container{margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.admin-header{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin-bottom:3rem;text-align:center}.admin-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-dark) 0,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-dark);display:inline-block;font-size:2.5rem;font-weight:800;margin:0;position:relative}.admin-title:after{background:var(--primary-color);border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto 0;opacity:.8;width:60px}.admin-tabs{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:12px;display:flex;margin:0 auto;padding:4px}.admin-sub-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.sub-tab-btn{background:#0000;border:none;border-radius:8px;color:var(--text-medium);cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.sub-tab-btn:hover{background:var(--background-light);color:var(--primary-color)}.sub-tab-btn.active{background:var(--primary-color-light);color:var(--primary-color)}.admin-tab-btn{background:#0000;border:none;border-radius:8px;color:var(--text-medium);cursor:pointer;font-size:.95rem;font-weight:600;padding:8px 24px;transition:all .2s ease}.admin-tab-btn.active{background-color:#fff;box-shadow:0 2px 4px #0000000d;color:var(--primary-color)}[data-theme=dark] .admin-tab-btn.active{background-color:var(--background-medium)}.notification-dot{align-items:center;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);background-color:#ff3b30;border:none;border-radius:10px;box-shadow:0 2px 5px #0003;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 6px;position:absolute;right:-6px;top:-6px;z-index:10}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.admin-list-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.application-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 10px 15px -3px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}[data-theme=dark] .application-card{background:#1e293b99;border:1px solid #ffffff14;box-shadow:0 4px 6px #0003}.application-card:hover{border-color:var(--primary-color-light);box-shadow:0 12px 24px #0000001a}[data-theme=dark] .application-card:hover{border-color:#fff3;box-shadow:0 12px 24px #0006}.app-card-header{align-items:flex-start;display:flex;justify-content:space-between}.app-applicant{gap:.75rem}.app-applicant,.app-avatar{align-items:center;display:flex}.app-avatar{border-radius:50%;color:var(--text-medium);flex-shrink:0;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;position:relative;width:48px}img.app-avatar{object-fit:cover;z-index:1}div.app-avatar{background:var(--background-medium);z-index:1}.app-avatar:before{backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);background:#ffffff38;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 1px #0f172a2e;content:"";inset:-2px;pointer-events:none;position:absolute;z-index:0}.app-info h3{color:var(--text-dark);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.app-info p{color:var(--text-light);font-size:.85rem}.lang-badge{background-color:var(--primary-color-light);border-radius:99px;color:var(--primary-color-dark);font-size:.75rem;font-weight:700;padding:4px 10px;text-transform:uppercase}.app-time{align-items:center;color:var(--text-light);display:flex;font-size:.8rem;gap:6px}.view-btn{background:#0000;border:1px solid var(--border-color);border-radius:10px;color:var(--text-dark);cursor:pointer;font-weight:600;margin-top:auto;padding:.75rem;transition:all .2s;width:100%}.view-btn:hover{background:var(--background-light);border-color:var(--primary-color);color:var(--primary-color)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1500}.review-modal{animation:modalPop .3s cubic-bezier(.16,1,.3,1);background:var(--white-color);border-radius:20px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.modal-title h2{color:var(--text-dark);font-size:1.5rem;font-weight:800}.modal-close{background:#0000;border:none;border-radius:8px;color:var(--text-light);cursor:pointer;padding:8px;transition:background .2s}.modal-close:hover{background:var(--background-medium);color:var(--danger-color)}.modal-content{display:flex;flex-direction:column;gap:2rem;overflow-y:auto;padding:2rem}.review-section h4{color:var(--text-light);font-size:.9rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.intro-text{background:var(--background-light);border-radius:12px;color:var(--text-dark);font-size:1rem;line-height:1.6;padding:1.5rem;white-space:pre-wrap}.proof-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.proof-item{aspect-ratio:16/9;border:1px solid var(--border-color);border-radius:12px;cursor:zoom-in;overflow:hidden;position:relative}.proof-item img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.proof-item:hover img{transform:scale(1.05)}.proof-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;color:#fff;font-size:.8rem;left:0;padding:6px 12px;position:absolute;right:0}.modal-footer{background:var(--background-light);border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.action-btn{border-radius:10px;display:inline-flex;font-weight:700;justify-content:center;padding:10px 24px;transition:background-color .2s,color .2s,box-shadow .2s}.btn-reject{background-color:initial;border-color:var(--danger-color);color:var(--danger-color)}.btn-reject:hover{background-color:#fef2f2;transform:none}.btn-approve{background-color:var(--success-color);border-color:var(--success-color);box-shadow:0 4px 6px #16a34a33;color:#fff}.btn-approve:hover{background-color:#15803d;border-color:#15803d;box-shadow:0 6px 12px #16a34a4d;transform:none}.tutor-status-active{border-radius:99px;font-size:.8rem;font-weight:700;padding:4px 12px}.empty-state{color:var(--text-light);padding:4rem;text-align:center}.lightbox-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000e6;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.lightbox-img{border-radius:8px;box-shadow:0 20px 50px #00000080;cursor:default;max-height:90vh;max-width:90vw;object-fit:contain}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mini-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:2500}.mini-modal{animation:slideUp .2s cubic-bezier(.16,1,.3,1);background:var(--white-color);border-radius:16px;box-shadow:0 10px 40px #00000040;display:flex;flex-direction:column;gap:1rem;max-width:400px;padding:1.5rem;width:100%}.mini-modal h3{color:var(--text-dark);font-size:1.25rem;font-weight:800}.reject-textarea{background:var(--background-light);border:1px solid var(--border-color);border-radius:8px;color:var(--text-dark);font-family:inherit;font-size:.95rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.reject-textarea:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #dc26261a;outline:none}.mini-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.btn-ghost{background:#0000;border:none;border-radius:8px;color:var(--text-medium);cursor:pointer;font-weight:600;padding:8px 16px}.btn-ghost:hover{background:var(--background-medium)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tutor-status{border-radius:99px;font-size:.8rem;font-weight:700;padding:4px 12px;text-transform:capitalize}.tutor-status-active{background:#16a34a1a;color:var(--success-color)}.tutor-status-paused{background:#d977061a;color:#d97706}.tutor-status-rejected{background:#dc26261a;color:var(--danger-color)}.lang-badge.status-paused{background-color:#fef3c7;color:#92400e}.btn-pause{background-color:initial;border-color:#d97706;color:#d97706}.btn-pause:hover{background-color:#fffbeb}.manage-modal{max-width:700px}.pause-reason-section{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;padding:1rem 1.5rem}.pause-reason-section h4{color:#92400e;margin-bottom:.5rem}.pause-reason-text{color:#78350f;font-size:1rem;line-height:1.5}.rejection-reason-section{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:1rem;padding:1rem 1.5rem}.rejection-reason-section h4{align-items:center;color:#991b1b;display:flex;gap:8px;margin-bottom:.5rem}.rejection-reason-text{color:#7f1d1d;font-size:1rem;line-height:1.5}.appeal-messages{background:var(--background-light);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;max-height:300px;overflow-y:auto;padding:1rem}.appeal-bubble{border-radius:12px;max-width:80%;padding:.75rem 1rem;position:relative}.appeal-admin{align-self:flex-start;background:var(--white-color);border:1px solid var(--border-color)}.appeal-tutor{align-self:flex-end;background:var(--primary-color-light);border:1px solid var(--primary-color)}.appeal-role{color:var(--text-light);font-size:.7rem;font-weight:700;margin-bottom:.25rem;text-transform:uppercase}.appeal-text{color:var(--text-dark);font-size:.95rem;line-height:1.4}.appeal-time{color:var(--text-light);font-size:.7rem;margin-top:.25rem;text-align:right}.appeal-reply-box{align-items:flex-end;display:flex;gap:.75rem}.appeal-reply-box textarea{background:var(--white-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-dark);flex:1 1;font-family:inherit;font-size:.95rem;padding:.75rem;resize:none}.appeal-reply-box textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff906833;outline:none}.admin-section{margin-top:1rem;width:100%}.admin-table-container{-webkit-overflow-scrolling:touch;background-color:var(--white-color);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow-x:auto;width:100%}.admin-table{border-collapse:collapse;min-width:700px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid var(--border-color);padding:1rem 1.25rem;text-align:left;vertical-align:middle}.admin-table th{background-color:var(--background-medium);color:var(--text-medium);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.admin-table td{color:var(--text-dark);font-size:.95rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background-color:var(--background-light)}.admin-table .view-btn{font-size:.85rem;padding:6px 14px;width:auto}.remove-btn{background:#0000;border:1px solid var(--danger-color);border-radius:10px;color:var(--danger-color);cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px;transition:all .2s}.remove-btn:hover{background:#fef2f2}.remove-btn:disabled{cursor:not-allowed;opacity:.5}.app-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;margin-top:auto;padding-top:1rem}.app-actions .cancel-invite-btn,.app-actions .friends-btn,.approve-btn,.reject-btn{align-items:center;display:inline-flex;flex:1 1;justify-content:center}.approve-btn{background-color:var(--success-color);border:1px solid #0000;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:all .2s}.approve-btn:hover{background-color:#15803d}.approve-btn:disabled,.reject-btn:disabled{cursor:not-allowed;opacity:.6}.reject-btn{background-color:initial;border:1px solid var(--danger-color);border-radius:8px;color:var(--danger-color);cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:all .2s}.reject-btn:hover{background-color:#fef2f2}.cancel-invite-btn{background-color:initial;border:1px solid var(--border-color);border-radius:8px;color:var(--text-medium);cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:all .2s}.cancel-invite-btn:hover{background-color:var(--background-light);border-color:var(--text-medium);color:var(--text-dark)}.cancel-invite-btn:disabled{cursor:not-allowed;opacity:.6}.app-content{color:var(--text-medium);font-size:.9rem;line-height:1.5}.student-learning-goal{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-medium);display:-webkit-box;font-size:.85rem;overflow:hidden}.student-country-badge{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.student-age{color:var(--text-light);font-size:.85rem}.student-actions{display:flex;gap:8px}.student-action-btn{font-size:.8rem;padding:6px 12px;width:auto}.manage-student-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}.manage-student-modal{animation:manage-modal-in .25s cubic-bezier(.16,1,.3,1);background:var(--white-color);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:80vh;max-width:520px;width:100%}@keyframes manage-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.manage-student-header{border-bottom:1px solid var(--border-color);padding:20px 24px}.manage-student-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.manage-student-title{color:var(--text-dark);font-size:1.25rem;font-weight:700;margin:0}.manage-student-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.manage-student-close:hover{background:var(--background-medium);color:var(--text-dark)}.manage-student-info{align-items:center;display:flex;gap:12px}.manage-student-avatar{border:2px solid var(--border-color);border-radius:50%;height:48px;object-fit:cover;width:48px}.manage-student-details{display:flex;flex-direction:column;gap:2px}.manage-student-name{color:var(--text-dark);font-size:1rem;font-weight:600}.manage-student-meta{color:var(--text-light);font-size:.85rem}.manage-student-content{flex:1 1;overflow-y:auto;padding:20px 24px}.manage-student-section-title{color:var(--text-medium);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.manage-student-empty{background:var(--background-light);border:1px dashed var(--border-color);border-radius:12px;padding:32px 16px;text-align:center}.manage-student-empty p{color:var(--text-medium);font-size:.95rem;margin:0}.manage-student-empty-hint{color:var(--text-light)!important;font-size:.85rem!important;margin-top:8px!important}.manage-student-course-list{display:flex;flex-direction:column;gap:12px}.manage-student-course-card{align-items:center;background:var(--background-light);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s}.manage-student-course-card:hover{background:var(--white-color);border-color:var(--primary-color)}.manage-student-course-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.manage-student-course-icon{flex-shrink:0;font-size:1.5rem}.manage-student-course-details{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.manage-student-course-name{color:var(--text-dark);font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-student-course-progress{align-items:center;display:flex;gap:8px}.manage-student-progress-bar{background:var(--border-color);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.manage-student-progress-fill{background:var(--primary-color);border-radius:3px;height:100%;transition:width .3s ease}.manage-student-progress-text{color:var(--text-light);font-size:.75rem;white-space:nowrap}.manage-student-course-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:12px}.manage-student-course-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:center;transition:all .2s}.manage-student-course-btn.view{background:var(--primary-color);color:#fff;padding:6px 12px}.manage-student-course-btn.view:hover{background:var(--primary-hover-color)}.manage-student-course-btn.remove{background:#0000;color:var(--text-light);height:32px;padding:6px;width:32px}.manage-student-course-btn.remove:hover{background:#dc26261a;color:var(--danger-color)}.manage-student-footer{border-top:1px solid var(--border-color);padding:16px 24px}.manage-student-assign-btn{align-items:center;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s;width:100%}.manage-student-assign-btn:hover{background:var(--primary-hover-color);transform:translateY(-1px)}.manage-student-assign-btn:active{transform:translateY(0)}[data-theme=dark] .manage-student-overlay{background:#000000b3}[data-theme=dark] .manage-student-modal{box-shadow:0 25px 50px -12px #00000080}[data-theme=dark] .manage-student-course-card:hover{background:var(--background-medium)}.assign-course-overlay{align-items:center;animation:fadeInOverlay .3s forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2100}.assign-course-modal{animation:popInModal .3s cubic-bezier(.16,1,.3,1);background:var(--white-color);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:100%}.assign-course-header{align-items:center;background:var(--white-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px;z-index:10}.assign-course-title{color:var(--text-dark);font-size:1.25rem;font-weight:700;margin:0}.assign-course-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.assign-course-close:hover{background:var(--background-medium);color:var(--text-dark)}.assign-course-tabs{background:var(--background-light);border-bottom:1px solid var(--border-color);display:flex;padding:0 24px}.assign-course-tab{background:#0000;border:none;color:var(--text-light);cursor:pointer;font-size:.95rem;font-weight:600;margin-right:24px;padding:16px 4px;position:relative;transition:color .2s}.assign-course-tab:hover{color:var(--text-medium)}.assign-course-tab.active{color:var(--primary-color)}.assign-course-tab.active:after{background:var(--primary-color);border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.assign-course-body{flex:1 1;overflow-y:auto;padding:24px}.form-group{margin-bottom:20px}.form-label{color:var(--text-dark);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-input,.form-textarea{background:var(--white-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-dark);font-family:inherit;font-size:.95rem;padding:10px 12px;transition:all .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff90681a;outline:none}.form-textarea{min-height:80px;resize:vertical}.sentences-section{margin-top:24px}.sentences-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sentences-title{color:var(--text-dark);font-size:.95rem;font-weight:600}.add-sentence-btn{align-items:center;background:#0000;border:1px dashed var(--primary-color);border-radius:6px;color:var(--primary-color);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s}.add-sentence-btn:hover{background:#ff90681a}.sentence-item{animation:slideDown .2s ease-out;display:flex;gap:8px;margin-bottom:12px}.sentence-input{flex:1 1}.remove-sentence-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.remove-sentence-btn:hover{background:#dc26261a;color:var(--danger-color)}.empty-sentences-hint{background:var(--background-light);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-light);font-size:.9rem;padding:24px;text-align:center}.assign-course-footer{background:var(--white-color);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-cancel{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-dark);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:var(--background-medium)}.btn-submit{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:var(--white-color);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s}.btn-submit:hover:not(:disabled){background:var(--primary-hover-color);transform:translateY(-1px)}.btn-submit:disabled{background:var(--text-light);cursor:not-allowed;opacity:.7}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes popInModal{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .assign-course-overlay{background:#000000b3}[data-theme=dark] .assign-course-modal{box-shadow:0 25px 50px -12px #00000080}[data-theme=dark] .assign-course-tabs,[data-theme=dark] .empty-sentences-hint{background:var(--background-medium)}.work-history-editor{display:flex;flex-direction:column;gap:16px;width:100%}.work-history-item{background:#f5f5f7;background:var(--bg-secondary,#f5f5f7);border:1px solid #e1e1e3;border:1px solid var(--border-color,#e1e1e3);border-radius:12px;box-shadow:0 1px 2px #00000008;padding:20px;position:relative;transition:all .2s ease}.work-history-item:hover{border-color:#007aff;border-color:var(--accent-color,#007aff);box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.work-history-header{align-items:center;border-bottom:1px solid #ebebeb;border-bottom:1px solid var(--border-color,#ebebeb);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.work-history-index{background:#e5e5ea;background:var(--bg-tertiary,#e5e5ea);border-radius:4px;color:#999;color:var(--text-tertiary,#999);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.work-history-remove-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#999;color:var(--text-tertiary,#999);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.work-history-remove-btn:hover{background:#ef444414;color:#ef4444}.work-history-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:600px){.work-history-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.sub-label{color:#555;color:var(--text-secondary,#555);font-size:.85rem;font-weight:600}.work-history-input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d1d1d6;border:1px solid var(--border-color,#d1d1d6);border-radius:8px;color:#111;color:var(--text-primary,#111);font-size:.95rem;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.work-history-input:focus{border-color:#007aff;border-color:var(--accent-color,#007aff);box-shadow:0 0 0 3px #007aff1f;outline:none}.work-history-input:disabled{background:#f2f2f7;background:var(--bg-secondary,#f2f2f7);border-color:#0000;color:#aeaeb2;color:var(--text-disabled,#aeaeb2);cursor:not-allowed}.end-date-wrapper{align-items:center;display:flex;gap:16px;height:42px}.end-date-wrapper .work-history-input{flex:1 1}.present-toggle{align-items:center;appearance:none;-webkit-appearance:none;background:#fff;background:var(--bg-primary,#fff);border:1px solid #d9d9de;border:1px solid var(--border-color,#d9d9de);border-radius:999px;color:#7a7a7a;color:var(--text-tertiary,#7a7a7a);cursor:pointer;display:inline-flex;gap:10px;height:32px;line-height:1;padding:6px 10px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.present-toggle:hover{background:#007aff0a;border-color:#007aff;border-color:var(--accent-color,#007aff)}.present-toggle:focus-visible{box-shadow:0 0 0 3px #007aff40;outline:none}.present-toggle-track{background:#e6e7eb;border-radius:9999px;flex:0 0 auto;height:20px;position:relative;transition:background .2s ease;width:38px}.present-toggle-thumb{background:#fff;border-radius:9999px;box-shadow:0 2px 6px #0000002e;height:16px;left:2px;position:absolute;top:2px;transform:translateX(0);transition:transform .2s ease;width:16px}.present-toggle-label{font-size:.85rem;font-weight:600;white-space:nowrap}.present-toggle.is-on{background:#007aff0f;border-color:#007aff59;color:#007aff;color:var(--accent-color,#007aff)}.present-toggle.is-on .present-toggle-track{background:#007aff;background:var(--accent-color,#007aff)}.present-toggle.is-on .present-toggle-thumb{transform:translateX(18px)}.work-history-add-btn{align-items:center;background:#fff;border:1px dashed #c7c7cc;border:1px dashed var(--border-color,#c7c7cc);border-radius:10px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s;width:100%}.work-history-add-btn:hover{background:#007aff0a;border-color:#007aff;border-color:var(--accent-color,#007aff);color:#007aff;color:var(--accent-color,#007aff);transform:translateY(-1px)}.work-history-add-btn:active{transform:translateY(0)}.required-mark{color:#ef4444;font-weight:600;margin-left:4px}.work-history-input.has-error{background:#ef444408;border-color:#ef4444}.work-history-input.has-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.field-error{color:#ef4444;display:block;font-size:.8rem;margin-top:4px}.public-profile-wrapper{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:2000}.public-profile-card{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1);background:var(--white-color);border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.profile-banner{border-radius:16px 16px 0 0;overflow:hidden}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-banner{background-color:var(--primary-color);flex-shrink:0;height:200px;position:relative;width:100%;z-index:1}.profile-banner-img{height:100%;object-fit:cover;width:100%}.profile-header{align-items:flex-end;display:flex;flex-shrink:0;height:60px;justify-content:space-between;margin-bottom:1rem;padding:0 1.5rem;position:relative;z-index:20}.profile-avatar-wrapper{background:var(--white-color);border-radius:50%;box-shadow:0 4px 12px #0000001a;height:120px;left:1.5rem;padding:6px;position:absolute;top:-60px;width:120px;z-index:30}.profile-avatar-img{border-radius:50%;display:block;height:100%;object-fit:cover;opacity:1;position:relative;width:100%;z-index:2}.profile-status-badge{background:var(--success-color);border:4px solid var(--white-color);border-radius:50%;bottom:8px;height:24px;position:absolute;right:8px;width:24px;z-index:3}.header-actions{display:flex;gap:.5rem;margin-bottom:.5rem;margin-left:auto;position:relative;z-index:30}.action-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover-color);transform:translateY(-1px)}.btn-secondary{background:var(--background-medium);color:var(--text-dark)}.btn-secondary:hover{background:#e5e5ea}.profile-body{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1rem 1.5rem 2rem}.user-identity h2{align-items:center;color:var(--text-dark);display:flex;font-size:1.5rem;font-weight:800;gap:8px;margin:0}.user-headline{color:var(--text-medium);font-size:1rem;font-weight:500;margin-top:.25rem}.profile-section{display:flex;flex-direction:column;gap:.75rem}.section-title{color:var(--text-light);font-size:.8rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.bio-text{color:var(--text-dark);font-size:.95rem;line-height:1.6;white-space:pre-wrap}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.info-item{background:var(--background-light);border-radius:8px;padding:.75rem 1rem}.info-label{color:var(--text-light);font-size:.75rem;margin-bottom:4px}.info-value{color:var(--text-dark);font-size:1rem;font-weight:600}.work-history-list{display:flex;flex-direction:column;gap:1rem;padding-left:1rem;position:relative}.work-history-list:before{background:var(--border-color);border-radius:1px;bottom:8px;content:"";left:0;position:absolute;top:8px;width:2px}.history-item{padding-left:1.5rem;position:relative}.history-item:after{background:var(--white-color);border:2px solid var(--text-light);border-radius:50%;box-sizing:border-box;content:"";height:12px;left:-5px;position:absolute;top:6px;width:12px}.history-item.is-current:after{background:var(--primary-color);border-color:var(--primary-color)}.history-role{color:var(--text-dark);font-size:1rem;font-weight:700}.history-company{color:var(--text-dark);font-size:.9rem}.history-date{color:var(--text-light);font-size:.8rem;margin-top:2px}.history-description{color:var(--text-medium);font-size:.9rem;line-height:1.4;margin-top:4px}.badge-verified{color:var(--primary-color);display:inline-flex}@media (max-width:600px){.public-profile-wrapper{align-items:flex-end;padding:0}.public-profile-card{border-radius:16px 16px 0 0;box-shadow:none;max-height:95vh;min-height:80vh}}.app-shell{background-color:var(--background-light);display:flex;flex-direction:row;min-height:100vh;overflow:hidden;width:100vw}.app-main{display:flex;flex:1 1;flex-direction:column;height:100vh;overflow-y:auto;position:relative;scroll-behavior:smooth}.auth-layout-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.language-selector-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:var(--glass-bg);border:1px solid var(--border-color);border-radius:999px;bottom:1.5rem;box-shadow:0 4px 12px #0000001a;display:flex;gap:.5rem;padding:.5rem;position:fixed;right:1.5rem;z-index:1100}.lang-btn{background-color:initial;border:none;border-radius:999px;color:var(--text-medium);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease-in-out}.lang-btn:hover{color:var(--text-dark)}.lang-btn.active{background-color:var(--primary-color);box-shadow:0 2px 4px #0000001a;color:var(--white-color)}.floating-role-buttons-container{bottom:24px;display:flex;flex-direction:column;gap:12px;left:284px;left:calc(var(--sidebar-width, 260px) + 24px);position:fixed;transition:left .3s cubic-bezier(.2,0,0,1);z-index:300}.floating-role-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 4px 6px #0000001a;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);width:42px}[data-theme=dark] .floating-role-btn{background:#0003;border:1px solid #ffffff14;color:#fff}.floating-role-btn:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 6px 16px #00000026;transform:scale(1.1)}.floating-role-btn:active{transform:scale(.95)}.floating-role-btn svg{height:20px;opacity:.9;width:20px}@media (max-width:768px){.floating-role-buttons-container{bottom:80px;left:24px}}:root{--primary-color:#ff9068;--primary-hover-color:#fd746c;--primary-color-light:#eef2ff;--primary-color-dark:#3730a3;--danger-color:#dc2626;--success-color:#16a34a;--info-color:#2563eb;--warning-color:#f59e0b;--text-dark:#1e293b;--text-medium:#475569;--text-light:#64748b;--border-color:#e2e8f0;--background-light:#f8fafc;--background-medium:#f1f5f9;--white-color:#fff;--glass-bg:#fffc;--card-gradient:linear-gradient(0deg,#fff 50%,#fff0);--page-bottom-gradient:linear-gradient(0deg,#f8fafc 70%,#f8fafc00)}[data-theme=dark]{--primary-color:#ff9068;--primary-hover-color:#fd746c;--primary-color-light:#1e1b4b;--primary-color-dark:#a5b4fc;--danger-color:#ef4444;--success-color:#22c55e;--info-color:#3b82f6;--warning-color:#f59e0b;--text-dark:#f8fafc;--text-medium:#cbd5e1;--text-light:#94a3b8;--border-color:#334155;--background-light:#020617;--background-medium:#0f172a;--white-color:#1e293b;--glass-bg:#020617cc;--card-gradient:linear-gradient(0deg,#1e293b 50%,#1e293b00);--page-bottom-gradient:linear-gradient(0deg,#020617 70%,#02061700)}::-webkit-scrollbar{display:none}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body,html{height:100%}body{background-color:#f8fafc;background-color:var(--background-light);color:#475569;color:var(--text-medium);font-family:SF Pro Display,-apple-system,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}#root,.App{height:100%}
/*# sourceMappingURL=main.0c79f2e2.css.map*/