:root{--primary: #3c4db7;--bg: #f5f5f5;--card-bg: #ffffff;--text: #333;--text-light: #666;--success: #2e7d32;--error: #d32f2f;--border: #e0e0e0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;direction:rtl}.container{max-width:1200px;margin:0 auto;padding:15px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--primary)}.header-title h1{margin:0;color:var(--primary);font-size:1.4rem}.header-actions{display:flex;gap:10px}.sync-btn,.logout-btn{border:none;border-radius:6px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;color:#fff;background:var(--primary)}.logout-btn{background:var(--error)}.sync-btn:disabled{opacity:.6}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-tabs{display:flex;gap:10px;margin-bottom:20px}.tab-btn{flex:1;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fff;font-weight:700;font-size:1.1rem}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.student-card{display:flex;flex-direction:column;gap:25px}.section-title{display:flex;align-items:center;gap:8px;color:var(--primary);border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:15px;font-size:1.2rem}.list{display:flex;flex-direction:column;gap:12px}.item{background:#fff;padding:15px;border-radius:10px;border:1px solid var(--border);box-shadow:0 2px 4px #0000000d}.item.completed{background:#f1f8e9;border-color:#c5e1a5;opacity:.9}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.date-badge{background:#eee;padding:3px 8px;border-radius:4px;font-size:.85rem;font-weight:700}.complete-btn{background:none;border:none;padding:0;cursor:pointer}.item-title{font-weight:700;font-size:1.1rem;margin-bottom:4px}.item-details{font-size:1rem;color:var(--text);margin-bottom:5px}.item-extra{font-size:.95rem;background:#fff9c4;padding:8px;border-radius:4px;margin-top:8px;border-right:3px solid #fbc02d}.item-actions{display:flex;gap:10px;margin-top:12px}.action-btn{display:flex;align-items:center;gap:5px;background:#e8eaf6;color:var(--primary);text-decoration:none;padding:6px 12px;border-radius:4px;font-size:.9rem;font-weight:700}.type-badge{background:#ff9800;color:#fff;padding:2px 8px;border-radius:4px;font-size:.8rem}.item.event{border-right:4px solid #ff9800}.item-status{font-weight:700;color:var(--error);margin-top:4px}.item-preview{white-space:pre-wrap;margin-top:5px}.read-more{color:var(--primary);font-weight:700;display:block;margin-top:5px}@media (min-width: 769px){.mobile-tabs{display:none}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:30px}}@media (max-width: 768px){.student-card.hide-mobile-card{display:none}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;padding:15px}.login-form{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px}.login-form h2{text-align:center;color:var(--primary);margin-top:0}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;font-weight:700}.input-group input{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.login-btn{width:100%;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer}.error-msg{background:#ffebee;color:var(--error);padding:10px;border-radius:6px;margin-bottom:15px;text-align:center}.item-header-inline{display:flex;align-items:center;gap:10px;margin-bottom:8px}.item-preview{color:#444;font-size:.95rem;line-height:1.5;background:#fdfdfd;padding:5px;border-radius:4px}.read-more{display:inline-block;margin-top:8px;color:var(--primary);font-weight:700;text-decoration:underline;font-size:.9rem}