@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap";:root{--bg-primary:#f5f6f8;--bg-secondary:#fff;--bg-tertiary:#eef0f4;--bg-card:#fff;--bg-hover:#f0f2f6;--text-primary:#1a1d26;--text-secondary:#5c6370;--text-muted:#9ca3af;--accent:#4f6ef7;--accent-hover:#3b5de7;--accent-glow:#4f6ef71f;--danger:#ef4444;--warning:#f59e0b;--success:#22c55e;--border-color:#00000014;--border-active:#4f6ef766;--heat-0:#ebedf0;--heat-1:#ef4444;--heat-2:#f97316;--heat-3:#eab308;--heat-4:#84cc16;--heat-5:#22c55e;--sidebar-bg:#fff;--sidebar-border:#0000000f;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--shadow-glow:0 0 20px #4f6ef71a;--sidebar-width:260px;--header-height:60px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-family:"Tajawal", "Inter", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=dark]{--bg-primary:#06080d;--bg-secondary:#0d1117;--bg-tertiary:#161b22;--bg-card:#1c2333;--bg-hover:#21283b;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#484f58;--accent:#58a6ff;--accent-hover:#79c0ff;--accent-glow:#58a6ff26;--danger:#f85149;--warning:#d29922;--success:#3fb950;--border-color:#f0f6fc1a;--border-active:#58a6ff66;--heat-0:#161b22;--heat-1:#da3633;--heat-2:#e3843e;--heat-3:#d29922;--heat-4:#57ab5a;--heat-5:#3fb950;--sidebar-bg:#0d1117;--sidebar-border:#f0f6fc1a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-glow:0 0 20px #58a6ff1a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;line-height:1.7;transition:background-color .3s,color .3s;overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:var(--font-family);border:none;outline:none}input,select,textarea{font-family:var(--font-family)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-left:1px solid var(--sidebar-border);z-index:100;flex-direction:column;flex-shrink:0;transition:background-color .3s,border-color .3s;display:flex}.sidebar-header{border-bottom:1px solid var(--sidebar-border);padding:1.25rem 1.5rem}.sidebar-logo{align-items:center;gap:.75rem;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--accent), #a855f7);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 0 20px #58a6ff33}.sidebar-logo h1{color:var(--text-primary);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:1rem .75rem;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.75rem .75rem .5rem;font-size:.72rem;font-weight:600}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:.75rem;padding:.7rem .85rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-glow);color:var(--accent);font-weight:600}.sidebar-link-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.15rem}.sidebar-footer{border-top:1px solid var(--sidebar-border);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.sidebar-avatar{background:linear-gradient(135deg, var(--success), var(--accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.sidebar-user-info{flex:1;overflow:hidden}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-muted);font-size:.75rem}.theme-toggle{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:38px;height:38px;color:var(--text-secondary);border:1px solid var(--border-color);flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.main-area{flex-direction:column;flex:1;transition:background-color .3s;display:flex;overflow:hidden}.page-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 2rem;transition:background-color .3s,border-color .3s;display:flex}.page-title{letter-spacing:-.01em;font-size:1.35rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.85rem}.page-content{flex:1;padding:1.5rem 2rem;overflow-y:auto}.btn{border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.1)}.btn-danger{color:var(--danger);background:#ef44441a}.btn-danger:hover{background:#ef444433}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-outline{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.btn-outline:hover{border-color:var(--text-muted);color:var(--text-primary)}.view-tabs{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:2px;padding:3px;display:flex}.view-tab{border-radius:var(--radius-sm);color:var(--text-secondary);background:0 0;padding:.45rem 1rem;font-size:.82rem;font-weight:500;transition:all .15s}.view-tab:hover{color:var(--text-primary)}.view-tab.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.heatmap-container{animation:.4s ease-out fadeInUp}.heatmap-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.date-nav{align-items:center;gap:.75rem;display:flex}.date-nav-btn{border-radius:var(--radius-sm);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border-color);justify-content:center;align-items:center;font-size:1rem;transition:all .15s;display:flex}.date-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.date-nav-label{text-align:center;min-width:200px;font-size:1rem;font-weight:600}.daily-grid{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);grid-template-columns:70px 1fr;gap:0;transition:background-color .3s;display:grid;overflow:hidden}.hour-row{display:contents}.hour-label{color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-color);justify-content:flex-start;align-items:center;padding:.75rem .5rem .75rem 1rem;font-size:.78rem;font-weight:500;display:flex}.hour-cell{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);cursor:pointer;align-items:center;gap:.5rem;min-height:48px;padding:.5rem .75rem;transition:background .15s;display:flex}.hour-cell:hover{background:var(--bg-hover)}.hour-cell.current-hour{background:var(--accent-glow);border-right:3px solid var(--accent)}.hour-rating-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.hour-tasks-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;overflow:hidden}.hour-rating-badge{border-radius:999px;flex-shrink:0;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.weekly-grid{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);grid-template-columns:70px repeat(7,1fr);gap:0;display:grid;overflow:hidden}.week-day-header{text-align:center;color:var(--text-secondary);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);padding:.75rem;font-size:.78rem;font-weight:600}.week-day-header.today{color:var(--accent);background:var(--accent-glow)}.week-cell{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);justify-content:center;align-items:center;min-height:36px;padding:2px;display:flex}.week-cell-dot{border-radius:3px;width:16px;height:16px;transition:transform .15s}.week-cell-dot:hover{transform:scale(1.3)}.monthly-grid-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:background-color .3s}.monthly-day-labels{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:.5rem;display:grid}.monthly-day-label{text-align:center;color:var(--text-muted);padding:.25rem;font-size:.72rem;font-weight:600}.monthly-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.month-day-cell{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;max-width:70px;font-size:.8rem;font-weight:500;transition:all .15s;display:flex;position:relative}.month-day-cell:hover{border-color:var(--border-active);z-index:5;transform:scale(1.05)}.month-day-cell.today{border-color:var(--accent);box-shadow:0 0 8px #4f6ef733}.month-day-cell.empty{cursor:default;background:0 0!important}.month-day-cell.empty:hover{border-color:#0000;transform:none}.month-day-number{color:#000000b3;font-size:.78rem;font-weight:600}[data-theme=dark] .month-day-number{color:#fffc}.month-day-cell.empty .month-day-number{color:#0000}.yearly-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);direction:ltr;padding:1.5rem;overflow-x:auto}.yearly-month-labels{gap:0;margin-bottom:.5rem;padding-left:30px;display:flex}.yearly-month-label{color:var(--text-muted);font-size:.7rem;font-weight:500}.yearly-grid-wrapper{gap:0;display:flex}.yearly-day-labels{flex-direction:column;gap:2px;margin-right:6px;padding-top:0;display:flex}.yearly-day-label{color:var(--text-muted);align-items:center;height:13px;font-size:.6rem;display:flex}.yearly-grid{gap:3px;display:flex}.yearly-week-col{flex-direction:column;gap:2px;display:flex}.yearly-cell{cursor:pointer;border-radius:2px;width:13px;height:13px;transition:all .1s}.yearly-cell:hover{outline-offset:-1px;outline:1px solid #80808080}.heat--5{background-color:#3b82f6!important}.heat--1{background-color:var(--danger)!important}.heat-0{background-color:var(--heat-0)}.heat-1{background-color:var(--heat-1)}.heat-2{background-color:var(--heat-2)}.heat-3{background-color:var(--heat-3)}.heat-4{background-color:var(--heat-4)}.heat-5{background-color:var(--heat-5)}.hour-cell.is-sleep-good{background:#3b82f60d;border-color:#3b82f633}.hour-cell.is-sleep-good .hour-tasks-preview{color:#3b82f6;font-style:italic;font-weight:500}.hour-cell.is-sleep-bad{background:#ef44440d;border-color:#ef444433}.hour-cell.is-sleep-bad .hour-tasks-preview{color:var(--danger);font-style:italic;font-weight:500}.heatmap-legend{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.78rem;display:flex}.legend-squares{gap:3px;display:flex}.legend-square{border-radius:2px;width:13px;height:13px}.stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;transition:all .2s}.stat-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md)}.stat-value{letter-spacing:-.03em;font-size:1.75rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);margin-top:.5rem;font-size:.82rem}.tasks-layout{grid-template-columns:1fr 380px;gap:1.5rem;animation:.4s ease-out fadeInUp;display:grid}@media (width<=1100px){.tasks-layout{grid-template-columns:1fr}}.task-list-container{flex-direction:column;gap:0;display:flex}.task-list-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.task-filters{flex-wrap:wrap;gap:.5rem;display:flex}.filter-chip{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:999px;padding:.35rem .85rem;font-size:.8rem;font-weight:500;transition:all .15s}.filter-chip:hover{border-color:var(--text-muted);color:var(--text-primary)}.filter-chip.active{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.task-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.task-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.task-checkbox{border:2px solid var(--text-muted);cursor:pointer;color:#0000;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:.7rem;transition:all .2s;display:flex}.task-checkbox:hover{border-color:var(--success)}.task-checkbox.checked{background:var(--success);border-color:var(--success);color:#fff}.task-body{flex:1;min-width:0}.task-title{margin-bottom:.35rem;font-size:.95rem;font-weight:600}.task-card.completed .task-title{color:var(--text-muted);text-decoration:line-through}.task-meta-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.task-tag{border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600}.tag-priority-high{color:var(--danger);background:#ef44441f}.tag-priority-medium{color:var(--warning);background:#f59e0b1f}.tag-priority-low{color:var(--success);background:#22c55e1f}.task-project-tag{background:var(--accent-glow);color:var(--accent);border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:500}.task-date-tag{color:var(--text-muted);font-size:.72rem}.add-task-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:background-color .3s;position:sticky;top:0}.add-task-panel h3{align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1rem;font-weight:700;display:flex}.form-group{margin-bottom:1rem}.form-label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.8rem;font-weight:500;display:block}.form-control{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);padding:.65rem .85rem;font-size:.9rem;transition:all .15s}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state-icon{margin-bottom:1rem;font-size:2.5rem}.empty-state-text{color:var(--text-secondary);font-size:.95rem}.subtasks-list{border-right:2px solid var(--border-color);flex-direction:column;gap:.4rem;margin-top:.85rem;padding-right:1.25rem;display:flex}.subtask-item{border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.35rem .5rem;transition:background .15s;display:flex}.subtask-item:hover{background:var(--bg-primary)}.subtask-checkbox{border:1.5px solid var(--text-muted);color:#0000;cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;display:flex}.subtask-checkbox.checked{background:var(--success);border-color:var(--success);color:#fff}.subtask-item.completed .subtask-title{color:var(--text-muted);text-decoration:line-through}.subtask-title{flex:1;font-size:.85rem}.subtask-points{color:var(--accent);background:var(--accent-glow);border-radius:999px;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.subtask-delete{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;font-size:.75rem;transition:opacity .2s}.subtask-item:hover .subtask-delete{opacity:1}.subtask-delete:hover{color:var(--danger)}.add-subtask-container{margin-top:.5rem;padding-right:1.25rem}.btn-add-subtask{border:1px dashed var(--border-color);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;text-align:right;background:0 0;width:100%;padding:.25rem .75rem;font-size:.75rem;transition:all .2s}.btn-add-subtask:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.add-subtask-form{align-items:center;gap:.4rem;display:flex}.form-control-sm{padding:.35rem .6rem;font-size:.8rem}.btn-sm{padding:.35rem .6rem;font-size:.75rem}.mobile-fab,.modal-backdrop,.mobile-close-btn{display:none}@media (width<=768px){.app-layout{flex-direction:column}.main-area{order:1;height:100vh;overflow-y:auto}.sidebar{border-left:none;border-top:1px solid var(--sidebar-border);z-index:1000;flex-direction:row;order:2;align-items:center;width:100%;height:70px;padding:0 1rem;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #0000000d}.sidebar-header,.sidebar-section-label,.sidebar-footer .sidebar-user-info,.sidebar-footer .sidebar-avatar,.sidebar-nav>div{display:none}.sidebar-nav{flex-direction:row;flex:1;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0}.sidebar-footer{border-top:none;width:auto;margin-right:1rem;padding:0}.sidebar-link{flex-direction:column;justify-content:center;gap:.25rem;min-width:75px;padding:.4rem;font-size:.7rem;background:0 0!important}.sidebar-link.active{color:var(--accent);background:0 0!important}.sidebar-link.active .sidebar-link-icon{color:var(--accent);transform:translateY(-2px)}.sidebar-link-icon{font-size:1.35rem;transition:transform .2s}.page-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 1.25rem}.page-content{padding:1rem 1rem 90px}.stats-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.view-tabs{-ms-overflow-style:none;scrollbar-width:none;width:100%;display:flex;overflow-x:auto}.view-tabs::-webkit-scrollbar{display:none}.view-tab{white-space:nowrap;text-align:center;flex:1}.heatmap-controls{flex-direction:column;align-items:stretch;gap:1rem}.date-nav{justify-content:space-between;width:100%}.mobile-fab{background:var(--accent);color:#fff;width:56px;height:56px;box-shadow:0 4px 12px var(--accent-glow);z-index:1000;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;transition:transform .2s;display:flex;position:fixed;bottom:90px;left:20px}.mobile-fab:active{transform:scale(.95)}.add-task-wrapper{z-index:2000;justify-content:center;align-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.add-task-wrapper.show-modal{animation:.2s ease-out fadeIn;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;display:block;position:absolute;inset:0}.add-task-panel{width:100%;max-height:85vh;box-shadow:var(--shadow-lg);z-index:2001;margin:0;animation:.3s ease-out fadeInUp;position:relative;overflow-y:auto}.mobile-close-btn{font-size:1.1rem;display:flex}.form-row{grid-template-columns:1fr}.task-meta-row{gap:.5rem}.tasks-layout{flex-direction:column;display:flex}.yearly-container{padding:1rem}}