.profile-container{box-sizing:border-box;background:#fff;border-radius:40px;width:100%;max-width:900px;margin:40px auto;padding:30px;line-height:1.6;position:relative;box-shadow:0 5px 25px #0056b31a}.profile-header{border-bottom:2px solid var(--secondary);align-items:center;min-height:180px;margin-bottom:30px;padding-bottom:20px;display:flex}.teacher-photo-container{flex-shrink:0;margin-left:30px;position:relative}.teacher-photo{object-fit:cover;border:5px solid var(--secondary);background:linear-gradient(45deg,#f0f0f0,#e0e0e0);border-radius:50%;width:150px;height:150px}.teacher-photo-placeholder{border:5px solid var(--secondary);background:var(--light-bg);border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;font-size:3rem;display:flex}.profile-header .teacher-info{flex:1;min-width:0;padding:0}.teacher-name{color:var(--primary);margin:0;font-family:Amiri,serif;font-size:28px;font-style:normal;font-weight:400;line-height:1.3}.teacher-subject{background:var(--secondary);color:var(--primary);border-radius:20px;margin-top:10px;padding:5px 15px;font-size:.9rem;font-weight:700;display:inline-block}.profile-section{background:#fafafa;border-radius:15px;margin-bottom:30px;padding:20px;transition:all .3s}.profile-section:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 5px 20px #0056b314}.section-title-id{color:var(--primary);border-bottom:2px solid var(--ui-border);margin-bottom:15px;padding-bottom:8px;font-family:Tajawal,serif;font-size:22px;font-weight:600}.documents-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.document-card{box-sizing:border-box;background:#fff;border:1px solid #e9ecef;border-radius:12px;align-items:flex-start;gap:15px;height:100%;padding:20px;transition:all .3s;display:flex}.document-card:hover{border-color:var(--primary);background:#e6f2ff;transform:translateY(-3px);box-shadow:0 8px 25px #0056b326}.document-icon{color:var(--primary);flex-shrink:0;margin-top:2px;font-size:2.2rem}.document-info{flex:1;min-width:0}.document-name{color:#2d3748;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:1.05rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.document-date{color:#666;margin:0 0 12px;font-size:.85rem;font-weight:500}.document-link{background:var(--primary);color:#fff;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.document-link:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0056b333}.skeleton-header{border-bottom:2px solid var(--secondary);align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.skeleton-photo{border-radius:50%;width:150px;height:150px;margin-left:30px}.skeleton-text{height:1.2rem;margin-bottom:.8rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-text,.no-documents{text-align:center;color:#666;background:#f8f9fa;border-radius:12px;margin-top:15px;padding:40px 20px;font-style:italic}.no-documents{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;margin-top:15px;padding:40px 20px}.no-documents:before{content:"📚";margin-bottom:15px;font-size:3rem;display:block}.back-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:20px;padding:12px 24px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.back-button:hover{background:#003d82;transform:translateY(-2px);box-shadow:0 6px 20px #0056b34d}.profile-container{box-sizing:border-box;width:100%;max-width:900px;overflow-x:hidden}@media (max-width:640px){.profile-container{border-radius:18px;width:calc(100% - 24px);margin:12px;padding:18px 14px}.profile-header{text-align:center;flex-direction:column;align-items:center;gap:0;min-height:auto;padding-bottom:16px}.teacher-photo-container{margin-left:0;margin-right:0}.teacher-photo,.teacher-photo-placeholder{width:160px!important;height:160px!important}.teacher-photo-placeholder{font-size:4rem!important}.teacher-photo{display:block}.teacher-name{margin-top:-16px;font-size:22px;line-height:1}.profile-header .teacher-info{width:100%;padding:0!important}.profile-section{border-radius:12px;padding:12px}.section-title-id{font-size:17px}.documents-grid{grid-template-columns:1fr;gap:10px}.document-card{flex-direction:column;gap:8px;padding:12px}.document-link{text-align:center;justify-content:center;align-items:center;min-height:44px;padding:10px;display:flex}.back-button{justify-content:center;width:100%}}.profile-error-icon{text-align:center;margin-bottom:12px;font-size:3rem}.profile-error-title{color:#c0392b;text-align:center;margin-bottom:10px;font-size:22px}.profile-error-desc{color:#666;text-align:center;margin-bottom:20px;font-size:15px}.loading-skeleton{background:linear-gradient(90deg,#e8edf2 25%,#f5f7fa 50%,#e8edf2 75%) 0 0/600px 100%;border-radius:6px;animation:1.4s ease-in-out infinite skeleton-shimmer}.skeleton-header{border-bottom:2px solid #f0f3f6;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;display:flex}.skeleton-photo{border-radius:50%;flex-shrink:0;width:150px;height:150px}.skeleton-text-large{width:60%;height:24px;margin-bottom:10px}.skeleton-text-small{width:40%;height:18px}.skeleton-text{width:100%;height:16px;margin-bottom:8px}@media (max-width:640px){.skeleton-header{flex-direction:column;align-items:center}.skeleton-photo{width:100px;height:100px}}