*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#e74c3c;--primary-dark:#c0392b;--bg:#f5f6fa;--card:#fff;--text:#2c3e50;--text-light:#7f8c8d;--border:#dcdde1;--success:#27ae60;--warning:#f39c12}body{background:var(--bg);color:var(--text);direction:rtl;font-family:Segoe UI,Tahoma,sans-serif}a{color:inherit;text-decoration:none}.loading{min-height:100vh;color:var(--text-light);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.auth-page{background:linear-gradient(135deg,#e74c3c,#c0392b);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 10px 40px #00000026}.auth-card h1{text-align:center;margin-bottom:.5rem;font-size:1.8rem}.auth-card p{text-align:center;color:var(--text-light);margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.form-group input{border:2px solid var(--border);border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--primary);outline:none}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.8rem;font-size:1rem;font-weight:600;transition:background .2s;display:block}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--text-light)}.btn-secondary:hover{background:#636e72}.btn-small{width:auto;padding:.4rem .8rem;font-size:.85rem;display:inline-block}.btn-success{background:var(--success)}.btn-success:hover{background:#219a52}.auth-link{text-align:center;margin-top:1rem;font-size:.9rem}.auth-link a{color:var(--primary);font-weight:600}.error-msg{color:#d63031;text-align:center;background:#ffeaa7;border-radius:8px;margin-bottom:1rem;padding:.6rem;font-size:.9rem}.layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#2c3e50;flex-direction:column;width:220px;padding:1.5rem 0;display:flex}.sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding:0 1.2rem 1.5rem}.sidebar-header h2{font-size:1.1rem}.sidebar-header p{opacity:.7;margin-top:.3rem;font-size:.8rem}.points-badge{background:var(--primary);color:#fff;border-radius:20px;margin-top:.4rem;padding:.3rem .6rem;font-size:.8rem;display:inline-block}.nav-list{flex:1;list-style:none}.nav-list li a,.nav-list li button{color:#ffffffb3;text-align:right;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;width:100%;padding:.8rem 1.2rem;font-size:.95rem;transition:all .2s;display:flex}.nav-list li a:hover,.nav-list li button:hover,.nav-list li a.active{color:#fff;background:#ffffff1a}.logout-btn{border-top:1px solid #ffffff1a;margin-top:auto}.main-content{flex:1;padding:2rem;overflow-y:auto}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem}.page-header p{color:var(--text-light);margin-top:.3rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--card);border-radius:10px;padding:1.2rem;box-shadow:0 2px 8px #0000000f}.stat-card h3{color:var(--text-light);margin-bottom:.3rem;font-size:.85rem}.stat-card .value{font-size:1.8rem;font-weight:700}.content-card{background:var(--card);border-radius:10px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.content-card h2{margin-bottom:1rem;font-size:1.1rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:right;border-bottom:1px solid var(--border);padding:.75rem;font-size:.9rem}th{color:var(--text-light);text-transform:uppercase;font-size:.8rem;font-weight:600}tr:hover{background:#f8f9fa}.status-badge{border-radius:12px;padding:.2rem .5rem;font-size:.8rem;font-weight:600}.status-active{color:#155724;background:#d4edda}.status-pending{color:#856404;background:#fff3cd}.status-watching{color:#004085;background:#cce5ff}.status-completed{color:#155724;background:#d4edda}.form-inline{flex-wrap:wrap;align-items:flex-end;gap:.8rem;display:flex}.form-inline .form-group{flex:1;min-width:200px;margin-bottom:0}.empty-state{text-align:center;color:var(--text-light);padding:2rem}.empty-state p{font-size:1rem}.icon{font-size:1.2rem}