body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}button{font-family:inherit}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100}.header-container{flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-container,.logo{align-items:center;display:flex}.logo{color:#fff;font-size:1.5rem;font-weight:700;gap:.5rem;margin-right:12px;text-decoration:none}.logo-img{display:block;height:32px;mix-blend-mode:lighten;object-fit:contain;width:auto}.logo:hover{color:#f0f0f0}.nav{flex-wrap:wrap;gap:2rem;justify-content:flex-end;max-width:100%;min-width:0}.nav,.nav-user-actions{align-items:center;display:flex}.nav-user-actions{gap:.65rem}.nav-link{color:#fff;font-weight:500;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#f0f0f0}.add-tutor-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:25px;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.add-tutor-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.nav-login-btn{align-items:center;background:#ffffff1f;border:1px solid #ffffff59;border-radius:25px;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background .2s ease,transform .2s ease}.nav-login-btn:hover{background:#ffffff38;color:#fff;transform:translateY(-1px)}.nav-dropdown{position:relative}.nav-dropdown-trigger{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.35rem;padding:.5rem 1rem;transition:background .2s ease}.nav-dropdown-trigger:hover{background:#ffffff4d}.nav-dropdown-menu{background:#fff;border-radius:10px;box-shadow:0 8px 24px #00000026;min-width:150px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:200}.nav-dropdown-item{background:none;border:none;color:#2d3748;cursor:pointer;display:block;font-size:.9rem;font-weight:500;padding:.7rem 1.1rem;text-align:left;text-decoration:none;transition:background .15s ease;width:100%}.nav-dropdown-item:hover{background:#f7fafc}.nav-dropdown-logout{border-top:1px solid #e2e8f0;color:#e53e3e}.nav-dropdown-logout:hover{background:#fff5f5}@media (max-width:768px){.header-container{padding:0 1rem}.nav{gap:.75rem}.add-tutor-text{display:none}.add-tutor-btn{padding:.5rem .6rem}.dropdown-trigger-text{display:none}.nav-dropdown-trigger{gap:.2rem;padding:.5rem .6rem}.logo span{display:none}}@media (max-width:480px){.nav-link:not(.add-tutor-btn):not(.nav-login-btn){display:none}.nav-user-actions{gap:.4rem}}.tutor-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 12px #0000000f;color:inherit;display:block;overflow:hidden;text-decoration:none;transition:all .2s ease}.tutor-card:hover{border-color:#cbd5e0;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.card-layout{display:flex;gap:1rem;padding:1rem}.tutor-avatar{background:#e2e8f0;border-radius:10px;flex-shrink:0;height:100px;overflow:hidden;position:relative;width:100px}.tutor-avatar img{display:block;height:100%;object-fit:cover;object-position:50% 20%;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.avatar-initials{color:#fff;font-size:2.2rem;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}.card-content{display:flex;flex:1 1;flex-direction:column;gap:.65rem;min-width:0}.content-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.header-left{flex:1 1;min-width:0}.tutor-name{color:#2d3748;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .4rem}.subjects-row{display:flex;flex-wrap:wrap;gap:.4rem}.subject-tag{font-size:.75rem;padding:3px 8px;white-space:nowrap}.subject-tag.more{background:#e2e8f0;color:#718096}.price-badge-compact{background:linear-gradient(135deg,#5a67d8,#667eea);border-radius:8px;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;padding:.4rem .75rem;white-space:nowrap}.info-grid{display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem}.info-item{align-items:center;color:#4a5568;display:flex;gap:.4rem}.info-item svg{color:#718096;flex-shrink:0}.info-item.modes{display:flex;gap:.5rem}.mode-label{align-items:center;background:#f7fafc;border-radius:6px;color:#4a5568;display:flex;font-size:.75rem;gap:.3rem;padding:3px 8px}.mode-label svg{height:12px;width:12px}.card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#718096;display:-webkit-box;font-size:.85rem;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.view-profile-btn{align-self:flex-start;background:#fff;border:1.5px solid #5a67d8;border-radius:8px;color:#5a67d8;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:.25rem;padding:.5rem 1.25rem;transition:all .2s ease}.view-profile-btn:hover{background:#5a67d8;color:#fff}.tutor-card--preview{cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}.tutor-card--preview:hover{border-color:#e2e8f0;box-shadow:0 2px 12px #0000000f;transform:none}.view-profile-btn-static{cursor:default}@media (max-width:768px){.card-layout{align-items:center;flex-direction:column;padding:1.25rem;text-align:center}.tutor-avatar{height:120px;width:120px}.card-content,.content-header{align-items:center;width:100%}.content-header{flex-direction:column}.header-left{text-align:center;width:100%}.info-grid,.subjects-row{justify-content:center}.info-grid{width:100%}.view-profile-btn{align-self:stretch;width:100%}}.homepage{background:#f7fafc;min-height:100vh}.hero-section{background:linear-gradient(135deg,#5a67d8,#6b7dd9);color:#fff;padding:3.5rem 0;text-align:center}.hero-content{margin:0 auto;max-width:800px;padding:0 2rem}.hero-content h1{font-size:2.5rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.hero-content p{font-size:1.1rem;font-weight:400;line-height:1.6;margin:0;opacity:.95}.main-content{margin:0 auto;max-width:1200px;padding:2rem}.search-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:2rem;padding:2rem}.search-bar{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;margin-bottom:1.5rem;padding:12px 16px;transition:border-color .2s ease}.search-bar:focus-within{border-color:#667eea}.search-bar input{background:#0000;border:none;flex:1 1;font-size:1rem;outline:none}.search-bar input::placeholder{color:#a0aec0}.filters{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#2d3748;font-size:.9rem;font-weight:600}.filter-group select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease}.filter-group select:focus{border-color:#667eea;outline:none}.custom-multi-select{position:relative}.custom-multi-select-display{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 12px}.custom-multi-select-display:hover{border-color:#cbd5f5}.custom-multi-select-arrow{color:#a0aec0;font-size:.75rem;margin-left:8px}.custom-multi-select-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000014;left:0;margin-top:4px;max-height:220px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:20}.custom-multi-select-option{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 12px}.custom-multi-select-option:hover{background:#f7fafc}.search-cta-button{align-items:center;background:#5a67d8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:10px;justify-content:center;margin-top:1.5rem;padding:12px 24px;transition:all .2s ease;width:100%}.search-cta-button:hover:not(:disabled){background:#4c51bf}.search-cta-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:1rem;padding:1rem;text-align:center}.error-message button{background:#c33;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.5rem 1rem}.loading-state{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.results-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.results-header{margin-bottom:2rem}.results-header h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.tutors-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.no-results{color:#718096;padding:3rem;text-align:center}.no-results p{font-size:1.1rem;margin:.5rem 0}@media (max-width:768px){.hero-content h1{font-size:1.8rem}.hero-content p{font-size:1rem}.main-content{padding:1rem}.search-filters{padding:1.5rem}.filters,.tutors-grid{grid-template-columns:1fr}.tutors-grid{gap:1.5rem}.for-specialists-section{padding:2rem 1.5rem}}.for-specialists-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:3rem 0 2rem;padding:3rem 2rem;text-align:center}.for-specialists-section h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.for-specialists-section p{color:#4a5568;font-size:1rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:600px}.specialists-btn{background:#5a67d8;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:12px 32px;text-decoration:none;transition:background .2s ease}.specialists-btn:hover{background:#4c51bf}.footer-disclaimer{background:#f7fafc;border-top:1px solid #e2e8f0;margin-top:3rem;padding:1.5rem 2rem;text-align:center}.footer-disclaimer p{color:#a0aec0;font-size:.8rem;font-weight:400;line-height:1.5;margin:.2rem 0}.profile-page{background:#f7fafc;min-height:100vh;padding:2rem 1rem}.profile-preview-banner{background:linear-gradient(135deg,#eef2ff,#faf5ff);border:1px solid #c7d2fe;border-radius:12px;box-shadow:0 2px 8px #667eea1f;margin:0 auto 1.25rem;max-width:1000px;padding:1rem 1.25rem}.profile-preview-banner-text{color:#3730a3;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.profile-preview-banner-error{color:#c53030;font-size:.85rem;margin:0 0 .65rem}.profile-preview-banner-actions{display:flex;flex-wrap:wrap;gap:.65rem}.profile-preview-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.5rem 1.1rem;transition:opacity .15s ease,transform .15s ease}.profile-preview-btn:disabled{cursor:not-allowed;opacity:.65}.profile-preview-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.profile-preview-btn-secondary{background:#fff;border:1.5px solid #a5b4fc;color:#5a67d8}.profile-wrapper{margin:0 auto;max-width:1000px}.back-link{align-items:center;background:#0000;border:none;color:#5a67d8;cursor:pointer;display:inline-flex;font-size:.95rem;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;transition:color .2s}.back-link:hover{color:#4c51bf}.hero-card{grid-gap:2rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:grid;gap:2rem;grid-template-columns:200px 1fr 250px;margin-bottom:1.5rem;padding:2rem}.hero-left{align-items:center;display:flex;flex-direction:column}.profile-avatar{border:2px solid #e2e8f0;border-radius:12px;height:200px;object-fit:cover;width:200px}.hero-right{display:flex;flex-direction:column;gap:1rem}.profile-name{color:#2d3748;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0}.subjects-tags{display:flex;flex-wrap:wrap;gap:.5rem}.subject-tag{font-size:.85rem;font-weight:500;padding:.4rem .75rem}.info-row{align-items:center;color:#4a5568;display:flex;font-size:.95rem;gap:.5rem}.info-row svg{color:#718096}.modes-row{display:flex;flex-wrap:wrap;gap:.75rem}.mode-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;display:flex;font-size:.9rem;gap:.4rem;padding:.4rem .75rem}.mode-item svg{color:#5a67d8}.price-badge{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#5a67d8,#667eea);border-radius:8px;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding:.75rem 1.25rem}.cta-section{align-items:stretch;display:flex;flex-direction:column;gap:1rem}.call-button.primary{align-items:center;background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;text-decoration:none;transition:background .2s}.call-button.primary:hover{background:#38a169}.call-button{align-items:center;background:#48bb78;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:background .2s}.call-button:hover{background:#38a169}.reveal-number-btn{background:#0000;border:1px solid #cbd5e0;border-radius:6px;color:#5a67d8;cursor:pointer;font-size:.9rem;padding:.6rem 1rem;transition:all .2s}.reveal-number-btn:hover{background:#edf2f7;border-color:#a0aec0}.masked-number{color:#718096;font-family:Courier New,monospace;font-size:.9rem;margin:0;text-align:center}.revealed-number{display:flex;flex-direction:column;gap:.5rem}.full-number-link{align-items:center;background:#48bb78;border-radius:8px;color:#fff;display:flex;font-size:1.05rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;text-decoration:none;transition:background .2s}.full-number-link:hover{background:#38a169}.messaging-buttons{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.messaging-btn{align-items:center;background:#edf2f7;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.5rem .9rem;text-decoration:none;transition:all .2s}.messaging-btn:hover{background:#e2e8f0;border-color:#cbd5e0}.messaging-btn.whatsapp:hover{background:#dcf8e7;border-color:#48bb78;color:#22543d}.messaging-btn.viber:hover{background:#e9d8fd;border-color:#805ad5;color:#44337a}.messaging-btn.telegram:hover{background:#dbeafe;border-color:#3b82f6;color:#1e3a8a}.content-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;margin-bottom:1.5rem;padding:2rem}.content-section h2{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.additional-info-text,.description-text{color:#4a5568;font-size:1rem;line-height:1.7;margin:0;max-width:70ch;white-space:pre-wrap}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-state p{color:#718096;font-size:1.1rem}.error-state h2{color:#2d3748;font-size:1.5rem;margin-bottom:1rem}.back-home-btn{background:#5a67d8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .2s}.back-home-btn:hover{background:#4c51bf}@media (max-width:768px){.profile-page{padding:1rem .75rem}.hero-card{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.hero-left{justify-content:center}.profile-avatar{height:150px;width:150px}.profile-name{font-size:1.5rem;text-align:center}.info-row,.modes-row,.subjects-tags{justify-content:center}.price-badge{align-self:center}.cta-section{align-items:stretch}.call-button,.full-number-link{width:100%}.content-section{padding:1.5rem}.content-section h2{font-size:1.15rem}.additional-info-text,.description-text{font-size:.95rem;max-width:100%}}.register-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem 1rem}.register-container{max-width:500px;width:100%}.register-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:3rem 2.5rem}.register-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.register-subtitle{color:#666;font-size:.95rem;margin-bottom:2rem;text-align:center}.error-banner{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.9rem;margin-bottom:1.5rem;padding:1rem}.register-form{gap:1.5rem}.form-group,.register-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#333;font-size:.95rem;font-weight:500}.form-group .required{color:#d32f2f}.form-group input{border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error{border-color:#d32f2f}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.error-text{color:#d32f2f;margin-top:-.25rem}.register-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .2s ease}.register-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.register-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.register-login-link{color:#666;font-size:.9rem;margin:1.5rem 0 0;text-align:center}.register-login-link a{color:#667eea;font-weight:500;text-decoration:none}.register-login-link a:hover{text-decoration:underline}@media (max-width:768px){.register-card{padding:2rem 1.5rem}.register-title{font-size:1.75rem}.register-page{padding:1rem}}.add-tutor-page{align-items:center;background:#f7fafc;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.form-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;max-width:800px;padding:2.5rem;width:100%}.form-header{margin-bottom:2rem;text-align:center}.form-header h1{color:#2d3748;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.form-header p{color:#718096;font-size:.95rem;margin:0}.tutor-form{display:flex;flex-direction:column;gap:1.25rem}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.form-field,.form-field-full{display:flex;flex-direction:column;gap:.5rem}.messaging-section{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1.5rem}.messaging-section>label{color:#4a5568;font-size:.95rem;font-weight:500;margin-bottom:.75rem}.messaging-options{display:flex;gap:2rem;margin-bottom:1rem}.checkbox-option{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem}.checkbox-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.telegram-field{max-width:400px}.telegram-field label{color:#4a5568;font-size:.9rem}.telegram-field input{border:1px solid #cbd5e0;border-radius:6px;font-size:.95rem;padding:.6rem .85rem}.telegram-field input::placeholder{color:#a0aec0}.form-field-full{grid-column:1/-1}.form-field label,.form-field-full label{color:#4a5568;font-size:.9rem;font-weight:500}.form-field input,.form-field select,.form-field-full input,.form-field-full select,.form-field-full textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:.95rem;padding:.75rem;transition:border-color .2s}.form-field input.error,.form-field select.error,.form-field-full input.error,.form-field-full select.error,.form-field-full textarea.error{border-color:#fc8181}.form-field input:focus,.form-field select:focus,.form-field-full input:focus,.form-field-full select:focus,.form-field-full textarea:focus{border-color:#5a67d8;outline:none}.error-text{color:#e53e3e;display:block;font-size:.85rem;margin-top:.25rem}.form-field input::placeholder,.form-field-full textarea::placeholder{color:#a0aec0}.form-field-full textarea{font-family:inherit;min-height:80px;resize:vertical}.subject-selector{display:flex;flex-direction:column;gap:.75rem}.subject-input{display:flex;gap:.5rem}.subject-input select{border:1.5px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.95rem;padding:.75rem}.subject-input button{align-items:center;background:#5a67d8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:background .2s}.subject-input button:hover:not(:disabled){background:#4c51bf}.subject-input button:disabled{background:#cbd5e0;cursor:not-allowed}.subject-tags{display:flex;flex-wrap:wrap;gap:.5rem}.subject-tag{align-items:center;background:#edf2f7;border-radius:6px;color:#4a5568;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem .75rem}.subject-tag button{align-items:center;background:none;border:none;color:#718096;cursor:pointer;display:flex;padding:0;transition:color .2s}.subject-tag button:hover{color:#e53e3e}.mode-selector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.mode-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;padding:1rem;transition:all .2s}.mode-option:hover{background:#f7fafc;border-color:#cbd5e0}.mode-option.selected{background:#eef2ff;border-color:#5a67d8;color:#5a67d8;font-weight:500}.mode-icon{font-size:1.5rem}.photo-upload input[type=file]{display:none}.upload-button{align-items:center;background:#f7fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:all .2s}.upload-button:hover{background:#edf2f7;border-color:#cbd5e0}.additional-info-section{margin:.5rem 0}.toggle-additional-info{align-items:center;background:#0000;border:1.5px dashed #cbd5e0;border-radius:8px;color:#5a67d8;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s;width:100%}.toggle-additional-info:hover{background:#f7fafc;border-color:#5a67d8}.additional-info-expanded{display:flex;flex-direction:column;gap:.5rem}.additional-info-header{align-items:center;display:flex;justify-content:space-between}.additional-info-header label{color:#4a5568;font-size:.9rem;font-weight:500;margin:0}.close-additional-info{align-items:center;background:#0000;border:none;color:#718096;cursor:pointer;display:flex;padding:.25rem;transition:color .2s}.close-additional-info:hover{color:#e53e3e}.additional-info-expanded textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#2d3748;font-family:inherit;font-size:.95rem;min-height:100px;padding:.75rem;resize:vertical}.additional-info-expanded textarea:focus{border-color:#5a67d8;outline:none}.additional-info-expanded textarea::placeholder{color:#a0aec0}.submit-button{background:#5a67d8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem;padding:.875rem;transition:background .2s;width:100%}.submit-button:hover:not(:disabled){background:#4c51bf}.submit-button:disabled{background:#cbd5e0;cursor:not-allowed}.submit-error{background:#fff5f5;border:1px solid #fc8181;border-radius:8px;color:#e53e3e;font-size:.9rem;padding:.75rem;text-align:center}.success-state{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;max-width:500px;padding:3rem 2rem;text-align:center}.success-icon{align-items:center;background:#48bb78;border-radius:50%;color:#fff;display:flex;font-size:3rem;font-weight:300;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-state h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.success-state p{color:#718096;font-size:1rem;margin:0 0 2rem}.success-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#f7fafc;transform:translateY(-2px)}@media (max-width:768px){.add-tutor-page{padding:1rem}.form-container{padding:1.5rem}.form-header h1{font-size:1.5rem}.form-grid,.mode-selector{grid-template-columns:1fr}.mode-option{flex-direction:row;gap:1rem;justify-content:flex-start;padding:.875rem 1rem}.mode-icon{font-size:1.25rem}.success-state{padding:2rem 1.5rem}.success-icon{font-size:2rem;height:60px;width:60px}}.tutor-form-preview{border-top:1px solid #e2e8f0;margin-top:2.5rem;padding-top:2rem}.tutor-form-preview-title{color:#2d3748;font-size:1.1rem;font-weight:700;margin:0 0 .35rem}.tutor-form-preview-hint{color:#718096;font-size:.85rem;line-height:1.45;margin:0 0 1rem}.tutor-form-preview-body{max-width:100%}.tutor-form-preview-body .tutor-card--preview{margin:0}.dashboard-page{background:linear-gradient(180deg,#f3f0ff,#f7fafc 35%,#f7fafc);min-height:100vh;padding:2rem 1rem 3rem}.dashboard-shell{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:720px}.card-elevated{background:#fff;border:1px solid #e2e8f0e6;border-radius:16px;box-shadow:0 4px 20px #667eea12}.dashboard-empty,.dashboard-error,.dashboard-loading{color:#718096;font-size:1rem;padding:3rem 1.5rem;text-align:center}.dashboard-empty .dashboard-btn{margin-top:1rem}.dashboard-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;justify-content:center;padding:.55rem 1.15rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.dashboard-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #667eea59;color:#fff}.dashboard-btn-primary:hover{box-shadow:0 4px 14px #667eea66;transform:translateY(-1px)}.dashboard-btn-secondary{background:#fff;border:1.5px solid #c3c9f4;color:#5a67d8}.dashboard-btn-secondary:hover:not(.dashboard-btn-disabled){background:#f7f5ff}.dashboard-btn-disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.dash-header{padding:1.5rem 1.5rem 1.35rem}.dash-header-main{align-items:flex-start;display:flex;gap:1.25rem;margin-bottom:1.25rem}.dash-avatar-wrap{border:2px solid #e9e4ff;border-radius:14px;flex-shrink:0;height:88px;overflow:hidden;width:88px}.dash-avatar-img{height:100%;object-fit:cover;width:100%}.dash-avatar-fallback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.75rem;font-weight:700;height:100%;justify-content:center;width:100%}.dash-header-body{flex:1 1;min-width:0}.dash-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem .75rem;margin-bottom:.5rem}.dash-name{color:#2d3748;font-size:1.4rem;font-weight:700;line-height:1.2;margin:0}.dash-badge{border-radius:999px;font-size:.75rem;font-weight:600;padding:.28rem .65rem;white-space:nowrap}.dash-badge-pending{background:#fef9c3;border:1px solid #fde047;color:#854d0e}.dash-badge-approved{background:#dcfce7;border:1px solid #86efac;color:#166534}.dash-badge-rejected{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.dash-subject-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.45rem}.dash-tag{background:#f1f5f9;border-radius:6px;color:#475569;font-size:.72rem;font-weight:500;padding:.2rem .5rem}.dash-meta{color:#64748b;font-size:.88rem;margin:0}.dash-price{color:#5a67d8;font-weight:600;margin-top:.2rem}.dash-header-actions{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:.65rem;padding-top:.25rem}.dash-alert{font-size:.92rem;line-height:1.55;padding:1rem 1.25rem}.dash-alert p{margin:0}.dash-alert-approved{background:#f0fdf4;border-color:#bbf7d0;color:#14532d}.dash-alert-pending{background:#fffbeb;border-color:#fde68a;color:#78350f}.dash-alert-rejected{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}.dash-alert-link{color:#166534;display:inline-block;font-weight:600;margin-top:.65rem;text-decoration:underline;text-underline-offset:2px}.dash-alert-pending .dash-alert-link{color:#92400e}.dash-section{display:flex;flex-direction:column;gap:.75rem}.dash-section-last{margin-bottom:0}.dash-section-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.dash-section-title{color:#334155;font-size:1.05rem;font-weight:700;margin:0}.dash-section-hint{color:#94a3b8;font-size:.75rem;font-weight:500}.dash-stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.dash-stat-card{align-items:center;display:flex;flex-direction:column;gap:.35rem;padding:1.1rem .85rem;text-align:center}.dash-stat-value{color:#1e293b;font-size:1.65rem;font-weight:800;line-height:1}.dash-stat-label{color:#64748b;font-size:.72rem;font-weight:500;line-height:1.25;max-width:100%}.dash-activity{padding:1.1rem 1.25rem}.dash-activity-empty{color:#94a3b8;font-size:.92rem;margin:0}.dash-activity-list{color:#475569;font-size:.92rem;line-height:1.6;margin:0;padding-left:1.15rem}.dash-activity-list li+li{margin-top:.35rem}.dash-tips{margin:0;padding:1.15rem 1.25rem 1.2rem}.dash-tips-progress{border-bottom:1px solid #f1f5f9;margin-bottom:1.1rem;padding-bottom:1rem}.dash-tips-progress-label{color:#475569;font-size:.88rem;font-weight:600;margin:0 0 .5rem}.dash-tips-progress-track{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.dash-tips-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:999px;height:100%;transition:width .35s ease}.dash-tips-list{list-style:none;margin:0;padding:0}.dash-tip-row{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:.85rem;justify-content:space-between;padding:.75rem 0}.dash-tip-row-last{border-bottom:none;padding-bottom:0}.dash-tip-text{color:#64748b;flex:1 1;font-size:.88rem;line-height:1.55;margin:0;min-width:0}.dash-tip-btn{background:#f8fafc;border:1px solid #c7d2fe;border-radius:8px;color:#5a67d8;flex-shrink:0;font-size:.8rem;font-weight:600;padding:.35rem .65rem;text-decoration:none;transition:background .15s ease,border-color .15s ease}.dash-tip-btn:hover{background:#eef2ff;border-color:#a5b4fc}@media (max-width:600px){.dash-stats-grid{grid-template-columns:1fr}.dash-header-main{align-items:center;flex-direction:column;text-align:center}.dash-header-top,.dash-subject-tags{justify-content:center}.dash-header-actions{flex-direction:column}.dashboard-btn{width:100%}.dash-tip-row{align-items:stretch;flex-direction:column}.dash-tip-btn{align-self:flex-start}}.edit-profile-page{background:linear-gradient(180deg,#f7f5ff,#f7fafc 40%);min-height:100vh;padding:2rem 1rem 3rem}.edit-profile-inner{margin:0 auto;max-width:640px}.edit-profile-error,.edit-profile-loading{color:#4a5568;padding:3rem 1rem;text-align:center}.edit-profile-head{margin-bottom:1.75rem}.edit-profile-back{color:#667eea;display:inline-block;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.edit-profile-head h1{color:#2d3748;font-size:1.65rem;font-weight:700;margin:0 0 .35rem}.edit-profile-lead{color:#718096;font-size:.95rem;margin:0}.edit-profile-form{background:#fff;border:1px solid #e9e4ff;border-radius:16px;box-shadow:0 4px 24px #667eea14;padding:1.75rem}.edit-profile-banner{background:#fff5f5;border-radius:10px;color:#c53030;font-size:.9rem;margin-bottom:1.25rem;padding:.75rem 1rem}.edit-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.edit-field span{color:#4a5568;font-size:.85rem;font-weight:600}.edit-field input,.edit-field textarea{border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:1rem;padding:.65rem .85rem}.edit-field input:focus,.edit-field textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.edit-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.edit-fieldset{border:1px solid #e2e8f0;border-radius:12px;margin:0 0 1.1rem;padding:1rem 1rem .75rem}.edit-fieldset legend{color:#4a5568;font-size:.85rem;font-weight:600;padding:0 .35rem}.edit-chips{display:flex;flex-wrap:wrap;gap:.45rem}.edit-chip{background:#f7fafc;border:1px solid #e2e8f0;border-radius:999px;color:#4a5568;cursor:pointer;font-size:.8rem;padding:.35rem .75rem;transition:background .15s ease,border-color .15s ease}.edit-chip.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.edit-modes{display:flex;flex-wrap:wrap;gap:1rem}.edit-mode-item{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;gap:.45rem}.edit-actions{border-top:1px solid #edf2f7;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem}.edit-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.65rem 1.5rem}.edit-btn-primary:disabled{cursor:not-allowed;opacity:.65}.edit-btn-preview{background:#fff;border:1.5px solid #c7d2fe;border-radius:10px;color:#5a67d8;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:.65rem 1.25rem;transition:background .15s ease,border-color .15s ease}.edit-btn-preview:hover{background:#f5f3ff;border-color:#a5b4fc}.edit-btn-secondary{align-items:center;border:1px solid #e2e8f0;border-radius:10px;color:#4a5568;display:inline-flex;font-weight:500;padding:.65rem 1.25rem}@media (max-width:540px){.edit-row{grid-template-columns:1fr}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem 1rem}.login-container{max-width:420px;width:100%}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:3rem 2.5rem}.login-title{color:#333;font-size:2rem;font-weight:700;margin:0 0 1.75rem;text-align:center}.login-error-banner{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.9rem;margin-bottom:1.25rem;padding:.85rem 1rem}.login-form{gap:1.25rem}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:.5rem}.login-field label{color:#333;font-size:.95rem;font-weight:500}.login-field input{border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.login-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-field input.error{border-color:#d32f2f}.login-error-text{color:#d32f2f;font-size:.85rem}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.9rem 2rem;transition:all .2s ease}.login-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{color:#666;font-size:.9rem;margin:1.5rem 0 0;text-align:center}.login-footer a{color:#667eea;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:480px){.login-card{padding:2rem 1.5rem}.login-title{font-size:1.75rem}}
/*# sourceMappingURL=main.71b0bca3.css.map*/