.page-container{background-color:#0000;min-height:100vh;font-family:Tajawal,sans-serif}.main-content{max-width:1100px;margin:0 auto;padding:36px 20px 60px}.loader{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-title{color:var(--foreground);margin-bottom:1rem;font-size:3rem;font-weight:800}.section{margin-bottom:2.5rem}.section-title{color:var(--foreground);margin-bottom:1.5rem;font-size:1.875rem;font-weight:700}.grade-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:1024px){.grade-grid{grid-template-columns:repeat(4,1fr)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.homework-container{border:1px solid var(--border);background-color:var(--card);border-radius:1.5rem;padding:2rem;box-shadow:0 20px 40px #0000001a}.homework-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.homework-title{color:var(--foreground);margin-bottom:.5rem;font-size:2rem;font-weight:700}.homework-subtitle{color:var(--muted-foreground);font-size:1.125rem}.homework-counter{text-align:center;background-color:var(--secondary);border-radius:.75rem;padding:.75rem 1.5rem}.counter-number{color:var(--foreground);font-size:1.875rem;font-weight:700}.counter-label{color:var(--muted-foreground);font-size:.875rem}.homework-list{gap:1.25rem;display:grid}.homework-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.homework-subject-wrapper{align-items:center;gap:.75rem;display:flex}.homework-dot{background-color:var(--primary);border-radius:50%;width:.5rem;height:.5rem}.homework-subject{color:var(--foreground);margin:0;font-size:1.5rem;font-weight:700}.homework-badges{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.priority-badge,.date-badge{border:1px solid;border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.date-badge{background-color:var(--primary);color:var(--primary-foreground);border-color:#0000}.homework-task{color:var(--muted-foreground);margin:0;font-size:1.125rem;line-height:1.75}.empty-state{text-align:center;padding:4rem 1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.retry-button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:.5rem 1rem;transition:background .3s}.retry-button:hover{background:#b91c1c}.homework-actions{align-items:center;gap:1rem;display:flex}.homework-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .3s;animation:.5s both slideInUp}.homework-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 25px #0056b326}.homework-notes{color:#4a5568;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:.75rem;font-size:.9rem}.priority-high{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.priority-medium{color:#d97706;background:#fef3c7;border:1px solid #fcd34d}.priority-low{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:.4s slideDown}.slide-up{animation:.4s slideUp}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loader{border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.skeleton-hw-container{direction:rtl;max-width:900px;margin:0 auto;padding:30px 20px}.skeleton-hw-grades{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:30px;display:grid}.skeleton-hw-grade{border-radius:12px;height:80px}.skeleton-hw-cards{flex-direction:column;gap:14px;display:flex}.skeleton-hw-card{border-radius:14px;height:110px}@media (max-width:640px){.grade-btn{width:100%;min-height:48px;padding:12px;font-size:14px}.homework-container{box-shadow:var(--ui-shadow-sm);border-radius:1rem;padding:1rem}.homework-header{flex-wrap:nowrap;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem}.homework-title{margin-bottom:.25rem;font-size:1.25rem}.homework-subtitle{font-size:.95rem}.homework-actions{flex-direction:row-reverse;gap:.5rem}.homework-counter{padding:.4rem .9rem}.counter-number{font-size:1.25rem;line-height:1.2}.counter-label{font-size:.75rem}.homework-list{gap:.75rem}.homework-card{border-radius:.875rem;margin-bottom:0;padding:1rem}.homework-card:hover{transform:none}.homework-card-header{gap:.5rem;margin-bottom:.625rem}.homework-subject{font-size:1.125rem}.homework-badges{gap:.5rem}.priority-badge,.date-badge{border-radius:999px;padding:.25rem .625rem;font-size:.75rem}.homework-task{color:var(--ui-ink,#1e293b);white-space:pre-wrap;font-size:1rem;line-height:1.7}.homework-notes{margin-top:.75rem;font-size:.85rem}}.homework-count{color:var(--foreground);font-weight:700}@media (max-width:640px){.homework-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem}.homework-card-header{flex-wrap:nowrap;justify-content:space-between}.homework-subject-wrapper{flex:1;min-width:0}.homework-badges{flex-wrap:nowrap;flex-shrink:0}.homework-task{text-align:right}}.homework-card-header{text-align:right;flex-wrap:nowrap;justify-content:space-between}.homework-subject-wrapper{flex:1;justify-content:flex-start;min-width:0}.homework-subject{text-align:right}.homework-badges{flex-wrap:nowrap;flex-shrink:0}.homework-header{border-bottom:0;margin-bottom:.75rem;padding-bottom:0}.homework-header:empty{display:none}.hw-summary{cursor:pointer;background:var(--ui-blue-tint);border:1px solid var(--ui-blue);border-radius:var(--ui-r-lg);width:100%;color:var(--ui-ink);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:700;display:flex}.hw-summary__text{align-items:center;gap:8px;display:flex}.hw-summary__text i,.hw-summary__change{color:var(--ui-blue)}.hw-summary__change{font-size:13px}.hwc{border:1px solid var(--ui-border);border-radius:var(--ui-r-lg);box-shadow:var(--ui-shadow-sm);text-align:right;background:#fff;padding:16px;animation:.5s both slideInUp}.hwc--high{border-color:#dc2626}.hwc--low{border-inline-start-color:#94a3b8}.hwc__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.hwc__subject{color:var(--ui-blue);margin:0;font-size:1.15rem;font-weight:800}.hwc .priority-badge{border-radius:var(--ui-r-pill);padding:2px 10px;font-size:.75rem}.hwc__task{color:var(--ui-ink);white-space:pre-wrap;margin:0;font-size:1.05rem;line-height:1.8}.hwc__foot{border-top:1px solid var(--ui-border);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:10px;display:flex}.hwc__date{color:var(--ui-muted-strong);font-size:.85rem;font-weight:600}.hwc__date i{color:var(--ui-blue);margin-inline-end:4px}.hwc__due{border-radius:var(--ui-r-pill);padding:2px 10px;font-size:.78rem;font-weight:700}.hwc__due--later{background:var(--ui-blue-soft);color:var(--ui-blue)}.hwc__due--soon{background:var(--ui-warn-soft);color:var(--ui-warn-dark);border:1px solid var(--ui-warn-border)}.hwc__due--late{color:#b91c1c;background:#fee2e2}