@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-50: #EEF2FF;--primary-100: #E0E7FF;--primary-200: #C7D2FE;--primary-300: #A5B4FC;--primary-400: #818CF8;--primary-500: #6366F1;--primary-600: #4F46E5;--primary-700: #4338CA;--primary-800: #3730A3;--primary-900: #312E81;--gray-25: #FCFCFD;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success-50: #ECFDF5;--success-100: #D1FAE5;--success-500: #10B981;--success-600: #059669;--success-700: #047857;--warning-50: #FFFBEB;--warning-100: #FEF3C7;--warning-500: #F59E0B;--warning-600: #D97706;--danger-50: #FEF2F2;--danger-100: #FEE2E2;--danger-500: #EF4444;--danger-600: #DC2626;--info-50: #EFF6FF;--info-100: #DBEAFE;--info-500: #3B82F6;--info-600: #2563EB;--session-planned: #6366F1;--session-interruption: #EF4444;--session-maintenance: #F59E0B;--session-meeting: #8B5CF6;--priority-critical: #DC2626;--priority-high: #F97316;--priority-medium: #F59E0B;--priority-low: #10B981;--priority-none: #9CA3AF;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs: .6875rem;--font-sm: .75rem;--font-base: .8125rem;--font-md: .875rem;--font-lg: 1rem;--font-xl: 1.125rem;--font-2xl: 1.25rem;--font-3xl: 1.5rem;--font-4xl: 2rem;--font-5xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--sidebar-width: 260px;--sidebar-collapsed: 68px;--topbar-height: 56px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-base);line-height:1.5;color:var(--gray-800);background:var(--gray-50);overflow:hidden}#root{height:100vh;display:flex}a{color:var(--primary-600);text-decoration:none}a:hover{color:var(--primary-700)}button{font-family:var(--font-family);cursor:pointer;border:none;background:none;font-size:var(--font-base)}input,select,textarea{font-family:var(--font-family);font-size:var(--font-base)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--font-sm);font-weight:500;color:var(--gray-700);margin-bottom:var(--space-1)}.form-control{width:100%;padding:10px 14px;border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-sm);outline:none;transition:all var(--transition-fast);color:var(--gray-900);background:#fff;box-sizing:border-box}.form-control:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.form-control::placeholder{color:var(--gray-400)}.app-layout{display:flex;width:100%;height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;transition:width var(--transition-slow);position:relative;z-index:30;flex-shrink:0}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{height:var(--topbar-height);display:flex;align-items:center;padding:0 var(--space-5);border-bottom:1px solid var(--gray-100);gap:var(--space-3)}.sidebar-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:var(--font-lg);flex-shrink:0}.sidebar-brand{font-weight:700;font-size:var(--font-lg);color:var(--gray-900);white-space:nowrap;overflow:hidden}.collapsed .sidebar-brand{display:none}.sidebar-nav{flex:1;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.sidebar-section-label{font-size:var(--font-xs);font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-4) var(--space-3) var(--space-2)}.collapsed .sidebar-section-label{display:none}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--gray-600);font-weight:500;font-size:var(--font-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;text-decoration:none}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.nav-item svg{width:20px;height:20px;flex-shrink:0}.collapsed .nav-item span{display:none}.collapsed .nav-item{justify-content:center;padding:var(--space-2)}.sidebar-toggle{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:31;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.sidebar-toggle:hover{background:var(--gray-50)}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--gray-100)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.sidebar-user:hover{background:var(--gray-100)}.collapsed .sidebar-user-info{display:none}.sidebar-user-name{font-weight:600;font-size:var(--font-sm);color:var(--gray-800)}.sidebar-user-role{font-size:var(--font-xs);color:var(--gray-500)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:var(--topbar-height);background:#fff;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:var(--space-4)}.topbar-title{font-weight:700;font-size:var(--font-xl);color:var(--gray-900)}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.topbar-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--gray-100);border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-sm)}.topbar-search:hover{background:var(--gray-200)}.topbar-search kbd{padding:1px 6px;background:#fff;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500;border:1px solid var(--gray-200);font-family:var(--font-family)}.topbar-active-task{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.topbar-active-task:hover{background:var(--primary-100)}.pulse-dot{width:8px;height:8px;background:var(--success-500);border-radius:var(--radius-full);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.topbar-active-task .task-name{font-weight:600;font-size:var(--font-sm);color:var(--primary-700);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-timer{font-weight:700;font-size:var(--font-md);color:var(--primary-600);font-variant-numeric:tabular-nums}.page-content{flex:1;overflow-y:auto;padding:var(--space-6)}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-weight:700;font-size:var(--font-md);color:var(--gray-900)}.card-subtitle{font-size:var(--font-sm);color:var(--gray-500)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.primary{background:var(--primary-100);color:var(--primary-600)}.stat-icon.success{background:var(--success-100);color:var(--success-600)}.stat-icon.warning{background:var(--warning-100);color:var(--warning-600)}.stat-icon.danger{background:var(--danger-100);color:var(--danger-600)}.stat-icon.info{background:var(--info-100);color:var(--info-600)}.stat-info{flex:1;min-width:0}.stat-label{font-size:var(--font-sm);color:var(--gray-500);font-weight:500;margin-bottom:var(--space-1)}.stat-value{font-size:var(--font-3xl);font-weight:800;color:var(--gray-900);line-height:1.2}.stat-change{font-size:var(--font-xs);font-weight:600;margin-top:var(--space-1)}.stat-change.positive{color:var(--success-600)}.stat-change.negative{color:var(--danger-600)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-sm);transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover{background:var(--primary-700)}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-success{background:var(--success-500);color:#fff}.btn-success:hover{background:var(--success-600)}.btn-danger{background:var(--danger-500);color:#fff}.btn-danger:hover{background:var(--danger-600)}.btn-warning{background:var(--warning-500);color:#fff}.btn-warning:hover{background:var(--warning-600)}.btn-ghost{color:var(--gray-600);padding:var(--space-2)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-md);border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-xs)}.btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;white-space:nowrap}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-warning{background:var(--warning-100);color:var(--warning-600)}.badge-danger{background:var(--danger-100);color:var(--danger-600)}.badge-info{background:var(--info-100);color:var(--info-600)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-session-planned{background:#6366f11f;color:var(--session-planned)}.badge-session-interruption{background:#ef44441f;color:var(--session-interruption)}.badge-session-maintenance{background:#f59e0b1f;color:var(--session-maintenance)}.badge-session-meeting{background:#8b5cf61f;color:var(--session-meeting)}.priority-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.priority-critical{background:var(--priority-critical)}.priority-high{background:var(--priority-high)}.priority-medium{background:var(--priority-medium)}.priority-low{background:var(--priority-low)}.priority-none{background:var(--priority-none)}.avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-sm);color:#fff;flex-shrink:0}.avatar-sm{width:24px;height:24px;font-size:var(--font-xs)}.avatar-lg{width:40px;height:40px;font-size:var(--font-md)}.avatar-xl{width:48px;height:48px;font-size:var(--font-lg)}.avatar-group{display:flex}.avatar-group .avatar{border:2px solid white;margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.progress-bar{width:100%;height:6px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-fill.primary{background:var(--primary-500)}.progress-fill.success{background:var(--success-500)}.progress-fill.warning{background:var(--warning-500)}.progress-fill.danger{background:var(--danger-500)}.estimation-bar{display:flex;align-items:center;gap:var(--space-3)}.estimation-track{flex:1;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.estimation-consumed{position:absolute;left:0;top:0;height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.estimation-label{font-size:var(--font-xs);color:var(--gray-500);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-xs);font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);font-size:var(--font-sm)}.data-table tr:hover td{background:var(--gray-50)}.tabs{display:flex;gap:var(--space-1);background:var(--gray-100);padding:3px;border-radius:var(--radius-lg);width:fit-content}.tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-sm);color:var(--gray-600);transition:all var(--transition-fast);cursor:pointer}.tab:hover{color:var(--gray-900)}.tab.active{background:#fff;color:var(--gray-900);box-shadow:var(--shadow-xs);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn var(--transition-fast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:560px;width:90%;max-height:85vh;overflow-y:auto;animation:slideUp var(--transition-base)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.modal-title{font-weight:700;font-size:var(--font-lg);color:var(--gray-900)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-100);display:flex;justify-content:flex-end;gap:var(--space-3)}.command-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;z-index:200;animation:fadeIn .1s ease}.command-palette{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),0 0 0 1px #0000000d;width:560px;max-width:90vw;overflow:hidden;animation:slideUp .15s ease}.command-palette-input{width:100%;padding:var(--space-3) var(--space-5);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--gray-100)}.command-palette-input input{flex:1;border:none;outline:none;font-size:var(--font-lg);color:var(--gray-900);background:transparent}.command-palette-input input::placeholder{color:var(--gray-400)}.command-palette-divider{height:1px;background:var(--gray-100)}.command-palette-results{max-height:360px;overflow-y:auto;padding:var(--space-2)}.command-palette-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.command-palette-item:hover,.command-palette-item.focused{background:var(--primary-50)}.command-palette-item svg{color:var(--gray-400);width:18px;height:18px}.command-palette-item-label{flex:1;font-weight:500;font-size:var(--font-md);color:var(--gray-800)}.command-palette-item-shortcut{font-size:var(--font-xs);color:var(--gray-400)}.command-palette-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--gray-100);display:flex;gap:var(--space-4);font-size:var(--font-xs);color:var(--gray-400)}.timeline-container{position:relative;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden}.timeline-header{display:flex;border-bottom:1px solid var(--gray-200);padding:0 var(--space-4)}.timeline-hour{flex:1;text-align:center;padding:var(--space-2) 0;font-size:var(--font-xs);font-weight:600;color:var(--gray-500);border-right:1px solid var(--gray-100)}.timeline-hour:last-child{border-right:none}.timeline-body{position:relative;height:80px;padding:var(--space-2) var(--space-4)}.timeline-block{position:absolute;top:8px;bottom:8px;border-radius:var(--radius-md);display:flex;align-items:center;padding:0 var(--space-3);font-size:var(--font-xs);font-weight:600;color:#fff;overflow:hidden;white-space:nowrap;cursor:pointer;transition:opacity var(--transition-fast)}.timeline-block:hover{opacity:.9}.timeline-block.planned{background:var(--session-planned)}.timeline-block.interruption{background:var(--session-interruption)}.timeline-block.maintenance{background:var(--session-maintenance)}.timeline-block.meeting{background:var(--session-meeting)}.task-tree{display:flex;flex-direction:column}.task-tree-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);gap:var(--space-3);border-bottom:1px solid var(--gray-100);transition:background var(--transition-fast);cursor:pointer}.task-tree-item:hover{background:var(--gray-50)}.task-tree-item.active{background:var(--primary-50);border-left:3px solid var(--primary-500)}.task-tree-indent{width:20px;flex-shrink:0}.task-tree-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);cursor:pointer;flex-shrink:0;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.task-tree-toggle:hover{background:var(--gray-200);color:var(--gray-700)}.task-tree-checkbox{width:18px;height:18px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.task-tree-checkbox.checked{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.task-tree-name{flex:1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-tree-meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.task-tree-comment-icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.task-tree-comment-badge{position:absolute;top:-7px;right:-9px;min-width:14px;height:14px;padding:0 4px;border-radius:var(--radius-full);background:var(--primary-500);color:#fff;font-size:10px;font-weight:800;line-height:14px;text-align:center;box-shadow:var(--shadow-sm)}.task-tree-play{width:28px;height:28px;border-radius:var(--radius-full);background:var(--success-500);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);opacity:0}.task-tree-play.active{opacity:1}.task-tree-play.pause{background:var(--warning-500)}.task-tree-play.pause:hover{background:var(--warning-600);transform:scale(1.1)}.task-tree-item:hover .task-tree-play{opacity:1}.task-tree-play:hover{background:var(--success-600);transform:scale(1.1)}.task-placeholder{height:4px;background:var(--primary-500);margin:2px 0;border-radius:var(--radius-full);position:relative;box-shadow:0 0 8px var(--primary-200);transition:all .15s ease}.task-tree-item.drag-over-center{background:var(--primary-50)!important;border:1px dashed var(--primary-400)!important}.task-tree-item.dragging{opacity:.4;border:1px dashed var(--gray-400)}.team-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-base)}.team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.team-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.team-card-status{width:10px;height:10px;border-radius:var(--radius-full);border:2px solid white;position:absolute;bottom:0;right:0}.team-card-status.working{background:var(--success-500)}.team-card-status.idle{background:var(--gray-400)}.team-card-status.overloaded{background:var(--danger-500)}.capacity-container{display:flex;flex-direction:column;gap:var(--space-1)}.capacity-labels{display:flex;justify-content:space-between;font-size:var(--font-xs);color:var(--gray-500)}.capacity-track{height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.capacity-fill{position:absolute;left:0;top:0;height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-sm);font-weight:600;color:var(--gray-700)}.form-input{padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast);color:var(--gray-800)}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.form-select{padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);outline:none;background:#fff;cursor:pointer;color:var(--gray-800)}.bar-chart{display:flex;align-items:flex-end;gap:var(--space-2);height:160px;padding-top:var(--space-4)}.bar-chart-bar{flex:1;border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;transition:height var(--transition-slow);position:relative;cursor:pointer}.bar-chart-bar:hover{opacity:.85}.bar-chart-label{text-align:center;font-size:var(--font-xs);color:var(--gray-500);margin-top:var(--space-2);font-weight:500}.donut-chart{position:relative;width:120px;height:120px}.donut-chart svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-chart-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-chart-value{font-size:var(--font-2xl);font-weight:800;color:var(--gray-900)}.donut-chart-label{font-size:var(--font-xs);color:var(--gray-500)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--gray-400)}.empty-state svg{width:48px;height:48px;margin-bottom:var(--space-4)}.empty-state-title{font-weight:600;font-size:var(--font-lg);color:var(--gray-600);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--font-sm);text-align:center;max-width:320px}.timer-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.timer-time{font-size:var(--font-5xl);font-weight:800;font-variant-numeric:tabular-nums;color:var(--gray-900);letter-spacing:-.02em}.timer-controls{display:flex;gap:var(--space-3)}.timer-btn{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.timer-btn.start{background:var(--success-500);color:#fff}.timer-btn.start:hover{background:var(--success-600);transform:scale(1.05)}.timer-btn.pause{background:var(--warning-500);color:#fff}.timer-btn.pause:hover{background:var(--warning-600);transform:scale(1.05)}.timer-btn.stop{background:var(--danger-500);color:#fff}.timer-btn.stop:hover{background:var(--danger-600);transform:scale(1.05)}.interruption-types{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.interruption-type{padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-size:var(--font-sm)}.interruption-type:hover{border-color:var(--primary-300);background:var(--primary-50)}.interruption-type.selected{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-700)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media(max-width:1024px){.sidebar{width:var(--sidebar-collapsed)}.sidebar .sidebar-brand,.sidebar .nav-item span,.sidebar .sidebar-section-label,.sidebar .sidebar-user-info{display:none}.sidebar .nav-item{justify-content:center;padding:var(--space-2)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.topbar-active-task .task-name{display:none}.page-content{padding:var(--space-4)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.text-sm{font-size:var(--font-sm)}.text-xs{font-size:var(--font-xs)}.text-gray{color:var(--gray-500)}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.timeline-day,.timeline-pad{background:#fff}html.dark{--gray-25: #111827;--gray-50: #1F2937;--gray-100: #374151;--gray-200: #4B5563;--gray-300: #6B7280;--gray-400: #9CA3AF;--gray-500: #D1D5DB;--gray-600: #E5E7EB;--gray-700: #F3F4F6;--gray-800: #F9FAFB;--gray-900: #FFFFFF;--primary-50: #312E81;--primary-100: #3730A3;--primary-200: #4338CA;--primary-500: #818CF8;--primary-600: #A5B4FC;--primary-700: #C7D2FE;--success-50: #064E3B;--success-100: #065F46;--warning-50: #78350F;--warning-100: #92400E;--danger-50: #7F1D1D;--danger-100: #991B1B;--info-50: #1E3A8A;--info-100: #1E40AF}html.dark body{background:var(--gray-50);color:var(--gray-800)}html.dark .card,html.dark .sidebar,html.dark .topbar,html.dark .modal,html.dark .command-palette,html.dark .stat-card,html.dark .schedule-cell,html.dark .comment-box,html.dark .team-card,html.dark .timeline-day,html.dark .timeline-pad,html.dark .timeline-container{background:var(--gray-25);border-color:var(--gray-100)}html.dark .nav-item:hover,html.dark .sidebar-user:hover{background:var(--gray-100)}html.dark .nav-item.active{background:var(--primary-50);color:var(--primary-600)}html.dark .tab.active{background:var(--gray-50);color:var(--gray-900);border-color:var(--gray-200)}html.dark .btn-secondary{background:var(--gray-100);color:var(--gray-800);border-color:var(--gray-200)}html.dark .btn-secondary:hover{background:var(--gray-200)}.card.active-timer{background:linear-gradient(135deg,var(--primary-50) 0%,white 100%)}html.dark .card.active-timer{background:linear-gradient(135deg,var(--primary-50) 0%,var(--gray-25) 100%)}html.dark .form-input,html.dark .form-select{background:var(--gray-50);border-color:var(--gray-200);color:var(--gray-800)}html.dark .form-input:focus,html.dark .form-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.toggle-switch{width:44px;height:24px;border-radius:var(--radius-full);position:relative;transition:background .2s ease;cursor:pointer;border:none}.toggle-switch.on{background:var(--primary-500)}.toggle-switch.off{background:var(--gray-300)}.toggle-switch-handle{width:20px;height:20px;background:#fff;border-radius:var(--radius-full);position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:var(--shadow-sm)}.toggle-switch.on .toggle-switch-handle{transform:translate(20px)}.context-menu{position:fixed;z-index:9999;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:4px 0;min-width:180px;animation:fadeIn .1s ease}html.dark .context-menu{background:var(--gray-25);border-color:var(--gray-100)}.context-menu-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:8px 16px;font-size:var(--font-sm);color:var(--gray-700);background:transparent;text-align:left;border:none;cursor:pointer}.context-menu-item:hover{background:var(--gray-50)}html.dark .context-menu-item:hover{background:var(--gray-100)}.context-menu-item.danger{color:var(--danger-600)}.context-menu-item.danger:hover{background:var(--danger-50)}html.dark .context-menu-item.danger:hover{background:#ef44441a}.drag-handle{cursor:grab;color:var(--gray-400);display:flex;align-items:center;justify-content:center}.drag-handle:active{cursor:grabbing}.drag-over-before{border-top:2px solid var(--primary-500)!important}.drag-over-after{border-bottom:2px solid var(--primary-500)!important}.task-notes-section{background:var(--gray-25);border-top:1px solid var(--gray-100);padding:var(--space-4)}.comment-item{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-3)}.comment-box{background:#fff;border:1px solid var(--gray-200)}html.dark .comment-item{background:var(--gray-50);border-color:var(--gray-100)}