.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;cursor:pointer;border:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.btn-secondary{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--background)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.timer-display{font-family:Courier New,monospace;font-weight:600;font-size:1.125rem}.global-timer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;box-shadow:0 -2px 10px #0000001a;z-index:1000}.global-timer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.global-timer-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.global-timer-title{font-weight:500}@media (max-width: 768px){.global-timer{padding:1rem}.global-timer-content{flex-direction:column;gap:.75rem;align-items:flex-start}.global-timer-info{width:100%}}.app-header{background-color:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 3px var(--shadow);position:sticky;top:0;z-index:100}.app-header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.app-header-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.app-header-nav{display:flex;align-items:center;gap:.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;text-decoration:none;color:var(--text-secondary, #666);font-weight:500;transition:all .2s}.nav-link:hover{background-color:var(--background, #f5f5f5);color:var(--text-primary, #333)}.nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.app-header-user{display:flex;align-items:center;gap:1rem}.app-header-user span{color:var(--text-primary);font-weight:500}@media (max-width: 768px){.app-header-content{padding:1rem;flex-wrap:wrap;gap:1rem}.app-header-title{font-size:1.25rem}.app-header-nav{order:3;width:100%;justify-content:center}.app-header-user{gap:.75rem}}.input-wrapper{display:flex;flex-direction:column;gap:.5rem}.input-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:1rem;background-color:var(--surface);color:var(--text-primary);transition:all .2s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.input::placeholder{color:var(--text-secondary)}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-container{background-color:var(--surface);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;padding:2.5rem;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.login-subtitle{color:var(--text-secondary);font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{padding:.75rem 1rem;background-color:#ef44441a;color:var(--danger);border-radius:.5rem;font-size:.875rem;text-align:center}.login-button{width:100%;margin-top:.5rem}@media (max-width: 768px){.login-container{padding:2rem 1.5rem}.login-title{font-size:2rem}}.sidebar{width:300px;background-color:var(--surface);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px var(--shadow);height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.sidebar-header h2{font-size:1.125rem;font-weight:600;margin:0}.sidebar-list{display:flex;flex-direction:column;gap:.5rem}.sidebar-project{display:flex;flex-direction:column}.sidebar-project-header{padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.sidebar-project-header:hover{background-color:var(--background)}.sidebar-project-header.active{background-color:var(--primary);color:#fff}.sidebar-project-title{display:flex;align-items:center;gap:.5rem;flex:1}.sidebar-project-actions{display:flex;gap:.25rem;align-items:center;opacity:0;transition:opacity .2s ease}.sidebar-project-header:hover .sidebar-project-actions{opacity:1}.sidebar-arrow{transition:transform .2s ease;flex-shrink:0}.sidebar-arrow.expanded{transform:rotate(90deg)}.sidebar-workspaces{margin-left:1.5rem;margin-top:.5rem;padding-left:1rem;border-left:2px solid var(--border)}.sidebar-workspaces-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;color:var(--text-secondary);font-weight:500}.sidebar-workspaces-list{display:flex;flex-direction:column;gap:.25rem}.sidebar-workspace-item{padding:.5rem .75rem;border-radius:.375rem;transition:all .2s ease;font-size:.8125rem;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center;gap:.5rem}.sidebar-workspace-title{flex:1;cursor:pointer}.sidebar-workspace-actions{display:flex;gap:.25rem;align-items:center;opacity:0;transition:opacity .2s ease}.sidebar-workspace-item:hover .sidebar-workspace-actions{opacity:1}.sidebar-workspace-item:hover{background-color:var(--background);color:var(--text-primary)}.sidebar-workspace-item.active{background-color:var(--primary);color:#fff}@media (max-width: 1024px){.sidebar{width:100%}}.card{background-color:var(--surface);border-radius:.75rem;box-shadow:0 1px 3px var(--shadow);padding:1.5rem;transition:all .2s ease}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:0 4px 12px var(--shadow-lg);transform:translateY(-2px)}@media (max-width: 768px){.card{padding:1rem}}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.badge-primary{background-color:#6366f11a;color:var(--primary)}.badge-success{background-color:#10b9811a;color:var(--success)}.badge-warning{background-color:#f59e0b1a;color:var(--warning)}.badge-danger{background-color:#ef44441a;color:var(--danger)}.loading{display:flex;align-items:center;justify-content:center;padding:2rem;min-height:50vh;position:relative;z-index:1}.loading.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;min-height:100vh;background-color:var(--background);z-index:50;margin-top:0;padding-top:100px}.spinner{width:2rem;height:2rem;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.task-card h3{font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.task-badges{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.task-status-badge,.task-priority-badge{display:flex;align-items:center;gap:.25rem}.task-status-badge svg,.task-priority-badge svg{flex-shrink:0;color:var(--text-secondary)}.task-performer{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.task-performer svg{flex-shrink:0}.task-actions{display:flex;gap:.5rem;margin-top:.75rem}@media (max-width: 768px){.tasks-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background-color:var(--surface);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease;box-sizing:border-box}.modal.modal-wide{max-width:650px}@media (min-width: 1024px){.modal{max-width:550px}.modal.modal-wide{max-width:700px}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease}.modal-close:hover{background-color:var(--background);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}@media (max-width: 768px){.modal{max-width:100%;margin:.5rem}.modal-header,.modal-body,.modal-footer{padding:1rem}}.workspace-access-management-wrapper{width:100%;max-width:100%;box-sizing:border-box}.workspace-access-management{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%;box-sizing:border-box}.workspace-access-loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-secondary, #666)}.workspace-access-section{display:flex;flex-direction:column;gap:12px}.workspace-access-header{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary, #333)}.workspace-access-header h3{margin:0;font-size:16px;font-weight:600}.workspace-access-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:4px}.workspace-access-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-secondary, #f5f5f5);border-radius:8px;transition:background .2s;gap:12px;min-width:0}.workspace-access-item:hover{background:var(--bg-hover, #e8e8e8)}.workspace-access-user{display:flex;align-items:center;gap:12px;flex:1}.workspace-access-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.workspace-access-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--primary, #007bff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.workspace-access-name{font-size:14px;color:var(--text-primary, #333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.workspace-access-empty{padding:24px;text-align:center;color:var(--text-secondary, #666);font-size:14px}.workspace-access-add-button{width:100%}.workspace-access-add-form{display:flex;flex-direction:column;gap:16px}.workspace-access-search{position:relative;display:flex;align-items:center}.workspace-access-search-icon{position:absolute;left:12px;color:var(--text-secondary, #999);z-index:1}.workspace-access-search input{padding-left:40px}.workspace-access-available-list{display:flex;flex-direction:column;gap:6px;max-height:250px;overflow-y:auto;padding:4px;border:1px solid var(--border, #ddd);border-radius:8px;background:var(--bg-primary, #fff)}.workspace-access-available-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:background .2s}.workspace-access-available-item:hover{background:var(--bg-hover, #f0f0f0)}.workspace-access-available-item.selected{background:var(--primary-light, #e3f2fd);border:1px solid var(--primary, #007bff)}.workspace-access-add-actions{display:flex;gap:8px;justify-content:flex-end}.workspace-access-list::-webkit-scrollbar,.workspace-access-available-list::-webkit-scrollbar{width:6px}.workspace-access-list::-webkit-scrollbar-track,.workspace-access-available-list::-webkit-scrollbar-track{background:transparent}.workspace-access-list::-webkit-scrollbar-thumb,.workspace-access-available-list::-webkit-scrollbar-thumb{background:var(--border, #ccc);border-radius:3px}.workspace-access-list::-webkit-scrollbar-thumb:hover,.workspace-access-available-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #999)}@media (max-width: 768px){.workspace-access-management{gap:16px}.workspace-access-item{padding:10px;flex-wrap:wrap}.workspace-access-user{gap:8px;min-width:0;flex:1}.workspace-access-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-access-avatar,.workspace-access-avatar-placeholder{width:32px;height:32px;font-size:12px;flex-shrink:0}.workspace-access-header h3{font-size:14px}.workspace-access-available-item{padding:8px 10px}}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{background-color:var(--surface);border-bottom:1px solid var(--border);padding:1rem 2rem;box-shadow:0 1px 3px var(--shadow)}.dashboard-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.dashboard-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-user{display:flex;align-items:center;gap:1rem}.current-timer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem}.current-timer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.current-timer-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dashboard-content{flex:1;display:flex;max-width:1400px;margin:0 auto;width:100%;padding:2rem;gap:2rem}.dashboard-main{flex:1}.tasks-section{display:flex;flex-direction:column;gap:1.5rem}.tasks-header{display:flex;justify-content:space-between;align-items:center}.tasks-header h2{font-size:1.5rem;font-weight:600}.tasks-header-actions{display:flex;gap:.75rem;align-items:center}.tasks-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.tasks-search{position:relative;flex:1;min-width:200px}.tasks-search .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.tasks-search input{padding-left:2.5rem}.tasks-sort{display:flex;align-items:center;gap:.5rem}.tasks-sort label{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.sort-select{padding:.5rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;background-color:var(--surface);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.sort-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.task-title-clickable{cursor:pointer;transition:color .2s ease}.task-title-clickable:hover{color:var(--primary)}.tasks-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.pagination-info{color:var(--text-secondary);font-size:.875rem}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.task-card{display:flex;flex-direction:column;gap:1rem}.task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.task-header h3{font-size:1.125rem;font-weight:600;flex:1}.task-actions{display:flex;gap:.5rem}.dashboard-empty{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);font-size:1.125rem}@media (max-width: 1024px){.dashboard-content{flex-direction:column}}@media (max-width: 768px){.dashboard-header{padding:1rem}.dashboard-header-content{flex-direction:column;gap:1rem;align-items:flex-start}.dashboard-content{padding:1rem}.tasks-grid{grid-template-columns:1fr}.current-timer{padding:1rem}.current-timer-content{flex-direction:column;gap:.5rem;align-items:flex-start}}.task-edit-form{display:flex;flex-direction:column;gap:1.5rem}.task-edit-loading{display:flex;justify-content:center;align-items:center;padding:2rem;color:var(--text-secondary)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:1rem;font-family:inherit;background-color:var(--surface);color:var(--text-primary);transition:all .2s ease;resize:vertical}.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-textarea::placeholder{color:var(--text-secondary)}.form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:1rem;font-family:inherit;background-color:var(--surface);color:var(--text-primary);transition:all .2s ease;cursor:pointer}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.file-upload{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.file-upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.file-upload-header h3{font-size:1.125rem;font-weight:600;margin:0}.file-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary);color:#fff;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.file-upload-button:hover{background-color:var(--primary-dark)}.file-upload-disabled{padding:1rem;text-align:center;color:var(--text-secondary);font-style:italic}.file-upload-progress-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.file-upload-progress-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:var(--background);border-radius:.5rem;border:1px solid var(--border)}.file-upload-progress-info{display:flex;align-items:center;gap:.5rem}.file-upload-progress-name{flex:1;font-size:.875rem;color:var(--text-primary)}.file-upload-progress-percent{font-weight:600;color:var(--primary);font-size:.875rem}.file-upload-progress-bar{width:100%;height:8px;background-color:var(--border);border-radius:4px;overflow:hidden}.file-upload-progress-bar-fill{height:100%;background-color:var(--primary);transition:width .3s ease}.file-list{display:flex;flex-direction:column;gap:.75rem}.file-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--background);border-radius:.5rem;border:1px solid var(--border);transition:all .2s ease}.file-item:hover{background-color:var(--surface);box-shadow:0 1px 3px var(--shadow)}.file-item-info{display:flex;align-items:center;gap:.75rem;flex:1}.file-item-details{display:flex;flex-direction:column;gap:.25rem}.file-item-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.file-item-size{font-size:.75rem;color:var(--text-secondary)}.file-item-actions{display:flex;gap:.5rem}.file-upload-empty{padding:2rem;text-align:center;color:var(--text-secondary);font-style:italic}.task-comments{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.task-comments-header{margin-bottom:1.5rem}.task-comments-title{font-size:1.125rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.task-comments-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.task-comments-input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;background-color:var(--background);color:var(--text-primary)}.task-comments-input:focus{outline:none;border-color:var(--primary)}.task-comments-list{display:flex;flex-direction:column;gap:1rem}.task-comment-item{padding:1rem;background-color:var(--background);border-radius:.5rem;border:1px solid var(--border)}.task-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.task-comment-user{display:flex;align-items:center;gap:.5rem}.task-comment-user-name{font-weight:500;color:var(--text-primary);font-size:.875rem}.task-comment-date{font-size:.75rem;color:var(--text-secondary)}.task-comment-content{color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.task-comments-empty{color:var(--text-secondary);font-style:italic;text-align:center;padding:2rem}@media (max-width: 768px){.task-comment-header{flex-direction:column;align-items:flex-start}}.task-detail-page{min-height:100vh;background-color:var(--background);padding:2rem}.task-detail-container{max-width:900px;margin:0 auto}.task-detail-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.task-detail-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.task-detail-layout{display:flex;gap:2rem;align-items:flex-start}.task-detail-main{flex:1;min-width:0}.task-detail-content{background-color:var(--surface);border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px var(--shadow)}.task-detail-sidebar{width:350px;flex-shrink:0}.task-detail-sidebar .task-detail-section{background-color:var(--surface);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px var(--shadow);margin:0}.task-detail-main-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.task-detail-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.task-detail-badges{display:flex;gap:1rem;flex-wrap:wrap}.detail-badge-wrapper{display:flex;align-items:center;gap:.5rem}.detail-badge-icon{color:var(--text-secondary);flex-shrink:0}.task-detail-section{margin-bottom:2rem}.task-detail-section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.task-detail-description{color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;margin:0}.task-detail-info{display:flex;flex-direction:column;gap:1.25rem}.task-detail-info-item{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-secondary)}.task-detail-info-item svg{flex-shrink:0;margin-top:.125rem;color:var(--text-secondary)}.task-detail-info-item>div{display:flex;flex-direction:column;gap:.25rem}.task-detail-info-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.task-detail-info-value{font-size:1rem;color:var(--text-primary)}.task-total-time{font-weight:600;color:var(--primary);font-size:1.125rem}.task-detail-empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.125rem}.task-detail-section-title{display:flex;align-items:center;gap:.5rem}.task-detail-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.task-timers-total{font-size:.875rem;font-weight:600;color:var(--primary);padding:.25rem .75rem;background-color:var(--background);border-radius:.375rem}.timers-list{display:flex;flex-direction:column;gap:1rem}.timer-item{padding:1rem;background-color:var(--background);border-radius:.5rem;border:1px solid var(--border)}.timer-item-header{margin-bottom:.5rem}.timer-item-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.timer-item-performer{font-weight:500;color:var(--text-primary)}.timer-item-duration{font-weight:600;color:var(--primary);font-family:Courier New,monospace}.timer-item-dates{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--text-secondary)}.timers-empty{color:var(--text-secondary);font-style:italic;padding:1rem 0}@media (max-width: 1024px){.task-detail-layout{flex-direction:column}.task-detail-sidebar{width:100%}}@media (max-width: 768px){.task-detail-page{padding:1rem 1rem 5rem}.task-detail-container{max-width:100%}.task-detail-content{padding:1rem}.task-detail-title{font-size:1.5rem}.task-detail-header-actions{flex-direction:column;gap:1rem;align-items:stretch}.task-detail-actions{width:100%;flex-direction:column}.task-detail-actions .button{width:100%}.task-detail-layout{gap:1rem}.task-detail-sidebar{width:100%}.task-detail-sidebar .task-detail-section{padding:1rem}.task-detail-main-header{flex-direction:column;align-items:flex-start;gap:1rem}.task-detail-badges{width:100%;flex-wrap:wrap}.task-detail-info-item{flex-direction:column;gap:.5rem}.task-detail-info-item>div{width:100%}.task-detail-section-title{font-size:1.125rem}.task-detail-description{font-size:.9375rem}}.analytics-page{min-height:100vh;background-color:var(--background, #f5f5f5);padding:2rem}.analytics-header{margin-bottom:2rem}.analytics-title{display:flex;align-items:center;gap:.75rem;color:var(--text-primary, #333)}.analytics-title h1{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analytics-content{max-width:1200px;margin:0 auto}.analytics-controls{background:var(--surface, #fff);border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.period-selector{margin-bottom:1rem}.period-selector label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-primary, #333)}.period-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.custom-date-range{display:flex;gap:1rem;margin-top:1rem;margin-bottom:1rem}.custom-date-range .input-wrapper{flex:1}.date-range-display{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:var(--background, #f5f5f5);border-radius:6px;color:var(--text-secondary, #666);font-size:.9rem}.analytics-loading{text-align:center;padding:3rem;color:var(--text-secondary, #666)}.analytics-summary{margin-bottom:2rem}.total-time-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fff3;border-radius:12px}.stat-content{flex:1}.stat-label{font-size:.9rem;opacity:.9;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700}.analytics-workspaces{background:var(--surface, #fff);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.analytics-workspaces h2{margin:0 0 1.5rem;font-size:1.5rem;color:var(--text-primary, #333)}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary, #666)}.workspace-stats-list{display:flex;flex-direction:column;gap:1rem}.workspace-stat-card{padding:1.5rem;transition:transform .2s,box-shadow .2s}.workspace-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.workspace-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.workspace-stat-name{font-weight:600;font-size:1.1rem;color:var(--text-primary, #333)}.workspace-stat-time{font-size:1.25rem;font-weight:700;color:var(--primary, #667eea)}.workspace-stat-bar{height:8px;background-color:var(--background, #f5f5f5);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.workspace-stat-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.workspace-stat-percentage{font-size:.85rem;color:var(--text-secondary, #666);text-align:right}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #8b5cf6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--background: #f8fafc;--surface: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow: rgba(0, 0, 0, .1);--shadow-lg: rgba(0, 0, 0, .15)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);line-height:1.6;padding-bottom:80px}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}input,textarea,select{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){:root{font-size:14px}}