.manage-stu-page{direction:rtl;max-width:1400px;margin:0 auto;padding:1.5rem 0}.manage-stu-page .page-header{text-align:center;margin-bottom:2rem}.manage-stu-page .page-title{color:var(--text-color);font-size:2.5rem;font-weight:800;font-family:"Cairo",var(--font-messiri),sans-serif}.manage-stu-page .page-title .accent{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.manage-stu-page .glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.manage-stu-page .glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0003}.manage-stu-page .stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.manage-stu-page .stat-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:1.5rem 1rem;display:flex;position:relative;overflow:hidden}.manage-stu-page .stat-card:before{content:"";opacity:.15;z-index:0;border-radius:16px;position:absolute;inset:0}.manage-stu-page .stat-card.total:before{background:var(--primary-gradient)}.manage-stu-page .stat-card.subscribed:before{background:var(--secondary-gradient)}.manage-stu-page .stat-card.unsubscribed:before{background:var(--orange-gradient)}.manage-stu-page .stat-card.new-week:before{background:var(--purple-gradient)}.manage-stu-page .stat-card.new-month:before{background:linear-gradient(135deg,#14b8a6 0%,#3b82f6 100%)}.manage-stu-page .stat-icon{z-index:1;opacity:.9;margin-bottom:.5rem;font-size:2rem}.manage-stu-page .stat-card.total .stat-icon{color:#818cf8}.manage-stu-page .stat-card.subscribed .stat-icon{color:#34d399}.manage-stu-page .stat-card.unsubscribed .stat-icon{color:#fb923c}.manage-stu-page .stat-card.new-week .stat-icon{color:#c084fc}.manage-stu-page .stat-card.new-month .stat-icon{color:#2dd4bf}.manage-stu-page .stat-value{color:var(--text-primary);z-index:1;direction:ltr;font-size:1.75rem;font-weight:800}.manage-stu-page .stat-label{color:var(--text-secondary);z-index:1;margin-top:.25rem;font-size:.85rem}.manage-stu-page .filters-section{margin-bottom:1.5rem}.manage-stu-page .filters-bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.manage-stu-page .filter-select,.manage-stu-page .filter-input{background:var(--fourth-color-background);color:var(--text-color);border:1px solid var(--glass-border);border-radius:12px;outline:none;min-width:180px;padding:.6rem 1rem;font-family:Cairo,sans-serif;font-size:.9rem;transition:all .2s}.manage-stu-page .filter-select:focus,.manage-stu-page .filter-input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px var(--third-color-hover)}.manage-stu-page .filter-input::placeholder{color:var(--text-muted)}.manage-stu-page .filter-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.4rem;padding:.6rem 1.5rem;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.manage-stu-page .filter-btn:hover{opacity:.9;transform:translateY(-1px)}.manage-stu-page .filter-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.manage-stu-page .filter-btn.secondary{background:var(--secondary-gradient)}.manage-stu-page .filter-btn.outline{border:1px solid var(--glass-border);color:var(--text-secondary);background:0 0}.manage-stu-page .filter-btn.outline:hover{background:#ffffff0d}.manage-stu-page .toggle-pill{background:var(--fourth-color-background);border:1px solid var(--glass-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:.5rem;padding:.45rem 1rem;transition:all .2s;display:flex}.manage-stu-page .toggle-pill:hover{border-color:var(--secondary-color)}.manage-stu-page .toggle-pill .toggle-label{color:var(--text-secondary);white-space:nowrap;font-size:.85rem}.manage-stu-page .toggle-pill input[type=checkbox]{accent-color:var(--secondary-color);cursor:pointer;width:18px;height:18px}.manage-stu-page .charts-section{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.manage-stu-page .chart-container{padding:1.5rem}.manage-stu-page .chart-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:700;display:flex}.manage-stu-page .city-table-wrapper{max-height:320px;overflow-y:auto}.manage-stu-page .city-table{border-collapse:separate;border-spacing:0 4px;width:100%}.manage-stu-page .city-table th{color:var(--text-muted);text-align:right;border-bottom:1px solid var(--glass-border);padding:.5rem .75rem;font-size:.8rem;font-weight:600}.manage-stu-page .city-table td{color:var(--text-secondary);padding:.5rem .75rem;font-size:.85rem}.manage-stu-page .city-table tbody tr{background:#ffffff05;border-radius:8px;transition:background .15s}.manage-stu-page .city-table tbody tr:hover{background:#ffffff0f}.manage-stu-page .city-bar{background:var(--primary-gradient);border-radius:3px;height:6px;transition:width .5s}.manage-stu-page .students-table-section{margin-top:0}.manage-stu-page .table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.manage-stu-page .table-header .result-count{color:var(--text-secondary);font-size:.9rem}.manage-stu-page .table-header .result-count strong{color:var(--text-primary)}.manage-stu-page .table-actions{gap:.5rem;display:flex}.manage-stu-page .students-table-wrapper{border:1px solid var(--glass-border);border-radius:12px;overflow-x:auto}.manage-stu-page .students-table{border-collapse:collapse;width:100%;min-width:800px}.manage-stu-page .students-table thead{background:#ffffff08}.manage-stu-page .students-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:right;border-bottom:1px solid var(--glass-border);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;padding:.85rem 1rem;font-size:.8rem;font-weight:700}.manage-stu-page .students-table th.sortable{cursor:pointer;transition:color .15s}.manage-stu-page .students-table th.sortable:hover{color:var(--secondary-color)}.manage-stu-page .students-table th .sort-icon{opacity:.5;margin-right:.3rem;font-size:.7rem}.manage-stu-page .students-table th.sorted .sort-icon{opacity:1;color:var(--secondary-color)}.manage-stu-page .students-table td{color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #ffffff08;padding:.75rem 1rem;font-size:.9rem}.manage-stu-page .students-table tbody tr{cursor:pointer;transition:background .15s}.manage-stu-page .students-table tbody tr:hover{background:#ffffff0a}.manage-stu-page .students-table .badge{border-radius:20px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.manage-stu-page .badge-subscribed{color:#34d399;background:#34d39926}.manage-stu-page .badge-unsubscribed{color:#fb923c;background:#fb923c26}.manage-stu-page .badge-suspended{color:#ef4444;background:#ef444426}.manage-stu-page .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.manage-stu-page .empty-state .empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:1rem;font-size:3.5rem}.manage-stu-page .empty-state .empty-text{color:var(--text-muted);font-size:1.1rem}.manage-stu-page .empty-state .empty-hint{color:var(--text-muted);opacity:.7;margin-top:.4rem;font-size:.85rem}.manage-stu-page .skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.manage-stu-page .skeleton-row{gap:1rem;padding:.75rem 1rem;display:flex}.manage-stu-page .skeleton-cell{flex:1;height:16px}.student-detail-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:flex-start;padding:3rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.student-detail-modal{background:var(--fourth-color);border:1px solid var(--glass-border);width:100%;max-width:600px;color:var(--text-color);direction:rtl;border-radius:20px;padding:2rem;position:relative}.student-detail-modal .modal-close{color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:all .2s;display:flex;position:absolute;top:1rem;left:1rem}.student-detail-modal .modal-close:hover{color:#fff;background:#ffffff26}.student-detail-modal .student-name{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.student-detail-modal .student-id-badge{color:var(--text-muted);margin-bottom:1.5rem;font-size:.8rem}.student-detail-modal .detail-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.student-detail-modal .detail-item{background:#ffffff08;border-radius:12px;padding:.85rem}.student-detail-modal .detail-item .detail-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem}.student-detail-modal .detail-item .detail-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.student-detail-modal .modal-actions{flex-wrap:wrap;gap:.5rem;display:flex}.student-detail-modal .modal-action-btn{border:1px solid var(--glass-border);min-width:120px;color:var(--text-secondary);cursor:pointer;text-align:center;background:#ffffff0d;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:Cairo,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.student-detail-modal .modal-action-btn:hover{border-color:var(--secondary-color);color:var(--text-primary);background:#ffffff1a}.student-detail-modal .modal-action-btn.primary{background:var(--primary-gradient);color:#fff;border:none}@media (max-width:992px){.manage-stu-page .charts-section{grid-template-columns:1fr}}@media (max-width:768px){.manage-stu-page .stats-grid{grid-template-columns:repeat(2,1fr)}.manage-stu-page .filters-bar{flex-direction:column}.manage-stu-page .filter-select,.manage-stu-page .filter-input{width:100%;min-width:unset}.manage-stu-page .page-title{font-size:1.75rem}.student-detail-modal .detail-grid{grid-template-columns:1fr}}@media (max-width:480px){.manage-stu-page .stats-grid{grid-template-columns:1fr}}