.app-layout{display:flex;min-height:100vh;background-color:var(--background-light)}.dark .app-layout{background-color:var(--background-dark)}.main-content{flex:1;display:flex;flex-direction:column;overflow-x:hidden;padding:var(--spacing-6) var(--spacing-8);max-width:100%;margin-left:16rem}@media (max-width: 768px){.main-content{padding:var(--spacing-4)}}*{box-sizing:border-box}body{margin:0;font-family:Inter,-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{min-height:100vh;height:100%}.main-content{background-color:#f8fafc;min-height:100vh}[data-theme=dark] .main-content,.dark .main-content{background-color:var(--background-dark, #15171c)}.stat-card,.stats-card,.dashboard-card,.metric-card{border-radius:12px}.stat-card h3,.stat-card .stat-value,.stat-card .stat-label,.stats-card h3,.dashboard-card h3,.metric-card h3{color:#1e293b}.stat-card p,.stats-card p,.dashboard-card p{color:#64748b}[data-theme=dark] .stat-card h3,[data-theme=dark] .stat-card .stat-value,[data-theme=dark] .stat-card .stat-label,[data-theme=dark] .stats-card h3,[data-theme=dark] .dashboard-card h3,.dark .stat-card h3,.dark .stat-card .stat-value,.dark .stat-card .stat-label,.dark .stats-card h3,.dark .dashboard-card h3{color:#f1f5f9}[data-theme=dark] .stat-card p,[data-theme=dark] .stats-card p,[data-theme=dark] .dashboard-card p,.dark .stat-card p,.dark .stats-card p,.dark .dashboard-card p{color:#94a3b8}.stat-value,.stat-number,.metric-value{font-size:2rem;font-weight:700;color:#111827}[data-theme=dark] .stat-value,[data-theme=dark] .stat-number,[data-theme=dark] .metric-value,.dark .stat-value,.dark .stat-number,.dark .metric-value{color:#f8fafc}.task-item,.project-item,.task-row,.list-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px}.task-item:hover,.project-item:hover,.task-row:hover{border-color:#cbd5e1;background:#f8fafc}[data-theme=dark] .task-item,[data-theme=dark] .project-item,[data-theme=dark] .task-row,[data-theme=dark] .list-item,.dark .task-item,.dark .project-item,.dark .task-row,.dark .list-item{background:#1e293b;border-color:#334155}[data-theme=dark] .task-item:hover,[data-theme=dark] .project-item:hover,[data-theme=dark] .task-row:hover,.dark .task-item:hover,.dark .project-item:hover,.dark .task-row:hover{background:#334155;border-color:#475569}.task-item h4,.task-item .task-title,.project-item h4,.list-item h4{color:#1e293b}.task-item p,.task-item .task-description,.project-item p,.list-item p{color:#64748b}[data-theme=dark] .task-item h4,[data-theme=dark] .task-item .task-title,[data-theme=dark] .project-item h4,[data-theme=dark] .list-item h4,.dark .task-item h4,.dark .task-item .task-title,.dark .project-item h4,.dark .list-item h4{color:#f1f5f9}[data-theme=dark] .task-item p,[data-theme=dark] .task-item .task-description,[data-theme=dark] .project-item p,[data-theme=dark] .list-item p,.dark .task-item p,.dark .task-item .task-description,.dark .project-item p,.dark .list-item p{color:#94a3b8}table,.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}table thead tr{background:#f1f5f9;border-bottom:2px solid #e2e8f0}table thead th{color:#475569;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;text-align:left}table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .15s ease}table tbody tr:hover{background:#f8fafc}table tbody td{color:#334155;padding:12px 16px;font-size:.875rem}table tbody td a{color:#2563eb;text-decoration:none}table tbody td a:hover{text-decoration:underline}[data-theme=dark] table,[data-theme=dark] .data-table,.dark table,.dark .data-table{background:var(--surface-dark, #15171c)}[data-theme=dark] table thead tr,.dark table thead tr{background:var(--bg-secondary, #1e2024);border-bottom:2px solid var(--border-dark, #2a2d33)}[data-theme=dark] table thead th,.dark table thead th{color:var(--text-secondary-dark, #9dacb9)}[data-theme=dark] table tbody tr,.dark table tbody tr{border-bottom:1px solid var(--border-dark, #2a2d33)}[data-theme=dark] table tbody tr:hover,.dark table tbody tr:hover{background:var(--surface-dark-elevated, #1e2024)}[data-theme=dark] table tbody td,.dark table tbody td{color:var(--text-primary-dark, #ffffff)}[data-theme=dark] table tbody td a,.dark table tbody td a{color:var(--primary, #1387ec)}.btn{font-weight:600;border-radius:8px;transition:all .15s ease}.btn-primary{background:#2563eb;color:#fff;border:none;box-shadow:0 1px 3px #2563eb4d}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 6px #2563eb66}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}[data-theme=dark] .btn-secondary,.dark .btn-secondary{background:#374151;border-color:#111827;color:#f3f4f6}[data-theme=dark] .btn-secondary:hover,.dark .btn-secondary:hover{background:#111827;border-color:#1f2937}.btn-icon,.icon-btn{color:#1f2937;background:transparent;border:none}.btn-icon:hover,.icon-btn:hover{color:#374151;background:#f3f4f6}[data-theme=dark] .btn-icon,[data-theme=dark] .icon-btn,.dark .btn-icon,.dark .icon-btn{color:#9ca3af}[data-theme=dark] .btn-icon:hover,[data-theme=dark] .icon-btn:hover,.dark .btn-icon:hover,.dark .icon-btn:hover{color:#f3f4f6;background:#374151}.card,.content-card,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d}[data-theme=dark] .card,[data-theme=dark] .content-card,[data-theme=dark] .panel,.dark .card,.dark .content-card,.dark .panel{background:var(--surface-dark, #15171c);border-color:var(--border-dark, #2a2d33)}.card-header,.panel-header{border-bottom:1px solid #e5e7eb;padding:16px}[data-theme=dark] .card-header,[data-theme=dark] .panel-header,.dark .card-header,.dark .panel-header{border-bottom-color:var(--border-dark, #2a2d33)}.card h2,.card h3,.card h4,.panel-title{color:#111827}.card p,.card-description{color:#1f2937}[data-theme=dark] .card h2,[data-theme=dark] .card h3,[data-theme=dark] .card h4,[data-theme=dark] .panel-title,.dark .card h2,.dark .card h3,.dark .card h4,.dark .panel-title{color:var(--text-primary-dark, #ffffff)}[data-theme=dark] .card p,[data-theme=dark] .card-description,.dark .card p,.dark .card-description{color:var(--text-secondary-dark, #9dacb9)}input,select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;padding:8px 12px}input:focus,select:focus,textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}input::placeholder,textarea::placeholder{color:#9ca3af}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,.dark input,.dark select,.dark textarea{background:var(--surface-dark-elevated, #1e2024);border-color:var(--border-dark, #2a2d33);color:var(--text-primary-dark, #ffffff)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder,.dark input::placeholder,.dark textarea::placeholder{color:var(--text-tertiary-dark, #718192)}.sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;min-height:100vh}.sidebar-content{flex:1;overflow-y:auto}.sidebar-footer{border-top:1px solid #e5e7eb;padding:12px;margin-top:auto}[data-theme=dark] .sidebar,.dark .sidebar{background:var(--surface-dark, #15171c);border-right-color:var(--border-dark, #1f2937)}[data-theme=dark] .sidebar-footer,.dark .sidebar-footer{border-top-color:#1f2937}.sidebar-item,.nav-item{color:#111827;padding:10px 16px;border-radius:8px;margin:2px 8px;transition:all .15s ease}.sidebar-item:hover,.nav-item:hover{background:#f3f4f6;color:#111827}.sidebar-item.active,.nav-item.active{background:#2563eb1a;color:#2563eb}[data-theme=dark] .sidebar-item,[data-theme=dark] .nav-item,.dark .sidebar-item,.dark .nav-item{color:#9ca3af}[data-theme=dark] .sidebar-item:hover,[data-theme=dark] .nav-item:hover,.dark .sidebar-item:hover,.dark .nav-item:hover{background:#1f2937;color:#f9fafb}[data-theme=dark] .sidebar-item.active,[data-theme=dark] .nav-item.active,.dark .sidebar-item.active,.dark .nav-item.active{background:#2563eb33;color:#60a5fa}.page-header h1,.page-title{color:#111827;font-weight:700}.page-subtitle,.page-description{color:#1f2937}[data-theme=dark] .page-header h1,[data-theme=dark] .page-title,.dark .page-header h1,.dark .page-title{color:#f9fafb}[data-theme=dark] .page-subtitle,[data-theme=dark] .page-description,.dark .page-subtitle,.dark .page-description{color:#9ca3af}.tabs,.tab-list{border-bottom:1px solid #e5e7eb}.tab,.tab-item{color:#1f2937;padding:12px 16px;border-bottom:2px solid transparent;transition:all .15s ease}.tab:hover,.tab-item:hover{color:#374151}.tab.active,.tab-item.active{color:#2563eb;border-bottom-color:#2563eb}[data-theme=dark] .tabs,[data-theme=dark] .tab-list,.dark .tabs,.dark .tab-list{border-bottom-color:#374151}[data-theme=dark] .tab,[data-theme=dark] .tab-item,.dark .tab,.dark .tab-item{color:#9ca3af}[data-theme=dark] .tab:hover,[data-theme=dark] .tab-item:hover,.dark .tab:hover,.dark .tab-item:hover{color:#e5e7eb}[data-theme=dark] .tab.active,[data-theme=dark] .tab-item.active,.dark .tab.active,.dark .tab-item.active{color:#60a5fa;border-bottom-color:#60a5fa}.dropdown-menu,.menu,.popover{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a}.dropdown-item,.menu-item{color:#374151;padding:8px 12px}.dropdown-item:hover,.menu-item:hover{background:#f3f4f6}[data-theme=dark] .dropdown-menu,[data-theme=dark] .menu,[data-theme=dark] .popover,.dark .dropdown-menu,.dark .menu,.dark .popover{background:#1f2937;border-color:#374151}[data-theme=dark] .dropdown-item,[data-theme=dark] .menu-item,.dark .dropdown-item,.dark .menu-item{color:#e5e7eb}[data-theme=dark] .dropdown-item:hover,[data-theme=dark] .menu-item:hover,.dark .dropdown-item:hover,.dark .menu-item:hover{background:#374151}.modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid #e5e7eb;padding:16px 20px}.modal-header h2,.modal-title{color:#111827}.modal-body{color:#374151}.modal-footer{border-top:1px solid #e5e7eb;padding:12px 20px;background:#f9fafb}[data-theme=dark] .modal-content,.dark .modal-content{background:#1f2937}[data-theme=dark] .modal-header,.dark .modal-header{border-bottom-color:#374151}[data-theme=dark] .modal-header h2,[data-theme=dark] .modal-title,.dark .modal-header h2,.dark .modal-title{color:#f9fafb}[data-theme=dark] .modal-body,.dark .modal-body{color:#d1d5db}[data-theme=dark] .modal-footer,.dark .modal-footer{border-top-color:#374151;background:#111827}.kanban-column{background:#fff;border:1px solid #e5e7eb;border-radius:12px}.kanban-column-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px}.kanban-card,.task-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:12px;transition:all .15s ease}.kanban-card:hover,.task-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}[data-theme=dark] .kanban-column,.dark .kanban-column{background:#1f2937;border-color:#374151}[data-theme=dark] .kanban-column-header,.dark .kanban-column-header{background:#111827;border-bottom-color:#374151}[data-theme=dark] .kanban-card,[data-theme=dark] .task-card,.dark .kanban-card,.dark .task-card{background:#1f2937;border-color:#374151}[data-theme=dark] .kanban-card:hover,[data-theme=dark] .task-card:hover,.dark .kanban-card:hover,.dark .task-card:hover{border-color:#111827}.badge,.status-badge{font-weight:600;font-size:.75rem;padding:4px 10px;border-radius:20px}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#f9fafb}[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] label,.dark p,.dark span,.dark label{color:inherit}[data-theme=dark] a,.dark a{color:#60a5fa}[data-theme=dark] a:hover,.dark a:hover{color:#93c5fd}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] ::-webkit-scrollbar-track,.dark ::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] ::-webkit-scrollbar-thumb,.dark ::-webkit-scrollbar-thumb{background:#475569}[data-theme=dark] ::-webkit-scrollbar-thumb:hover,.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}.gantt-chart,.gantt-container,.gantt-timeline{color:#374151}.gantt-header,.gantt-column-header,.gantt-date-header{color:#475569;font-weight:600}.gantt-task-name,.gantt-label{color:#1e293b}.gantt-bar{border-radius:4px}[data-theme=dark] .gantt-chart,[data-theme=dark] .gantt-container,[data-theme=dark] .gantt-timeline,.dark .gantt-chart,.dark .gantt-container,.dark .gantt-timeline{color:#e2e8f0}[data-theme=dark] .gantt-header,[data-theme=dark] .gantt-column-header,[data-theme=dark] .gantt-date-header,.dark .gantt-header,.dark .gantt-column-header,.dark .gantt-date-header{color:#94a3b8}[data-theme=dark] .gantt-task-name,[data-theme=dark] .gantt-label,.dark .gantt-task-name,.dark .gantt-label{color:#f1f5f9}.project-description,.description-text,.content-body,.project-content{color:#374151;line-height:1.6}[data-theme=dark] .project-description,[data-theme=dark] .description-text,[data-theme=dark] .content-body,[data-theme=dark] .project-content,.dark .project-description,.dark .description-text,.dark .content-body,.dark .project-content{color:#d1d5db}.info-label,.field-label,.detail-label{color:#1f2937;font-size:.75rem;font-weight:600;text-transform:uppercase}.info-value,.field-value,.detail-value{color:#111827}[data-theme=dark] .info-label,[data-theme=dark] .field-label,[data-theme=dark] .detail-label,.dark .info-label,.dark .field-label,.dark .detail-label{color:#9ca3af}[data-theme=dark] .info-value,[data-theme=dark] .field-value,[data-theme=dark] .detail-value,.dark .info-value,.dark .field-value,.dark .detail-value{color:#f9fafb}.workspace-selector,.workspace-dropdown,.sidebar-workspace{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;margin:8px}.workspace-selector:hover,.workspace-dropdown:hover{background:#e2e8f0}.workspace-name,.workspace-label{color:#1e293b;font-weight:600}.workspace-subtitle,.workspace-count{color:#64748b;font-size:.75rem}[data-theme=dark] .workspace-selector,[data-theme=dark] .workspace-dropdown,[data-theme=dark] .sidebar-workspace,.dark .workspace-selector,.dark .workspace-dropdown,.dark .sidebar-workspace{background:var(--surface-dark-elevated, #1e2024);border-color:var(--border-dark, #2a2d33)}[data-theme=dark] .workspace-selector:hover,[data-theme=dark] .workspace-dropdown:hover,.dark .workspace-selector:hover,.dark .workspace-dropdown:hover{background:#374151}[data-theme=dark] .workspace-name,[data-theme=dark] .workspace-label,.dark .workspace-name,.dark .workspace-label{color:#f9fafb}[data-theme=dark] .workspace-subtitle,[data-theme=dark] .workspace-count,.dark .workspace-subtitle,.dark .workspace-count{color:#9ca3af}.sidebar-footer,.sidebar-bottom{background:#fff;border-top:1px solid #e5e7eb;padding:12px 16px}[data-theme=dark] .sidebar-footer,[data-theme=dark] .sidebar-bottom,.dark .sidebar-footer,.dark .sidebar-bottom{background:var(--surface-dark, #15171c);border-top-color:var(--border-dark, #2a2d33)}.user-info,.sidebar-user{color:#374151}.user-name{color:#111827;font-weight:600}.user-role,.user-email{color:#1f2937;font-size:.75rem}[data-theme=dark] .user-info,[data-theme=dark] .sidebar-user,.dark .user-info,.dark .sidebar-user{color:#d1d5db}[data-theme=dark] .user-name,.dark .user-name{color:#f9fafb}[data-theme=dark] .user-role,[data-theme=dark] .user-email,.dark .user-role,.dark .user-email{color:#9ca3af}.view-toggle,.view-switcher{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:2px}.view-toggle button,.view-switcher button{color:#1f2937;background:transparent;border:none;padding:6px 10px;border-radius:6px}.view-toggle button:hover,.view-switcher button:hover{color:#374151;background:#e5e7eb}.view-toggle button.active,.view-switcher button.active{color:#fff;background:#2563eb}[data-theme=dark] .view-toggle,[data-theme=dark] .view-switcher,.dark .view-toggle,.dark .view-switcher{background:#1f2937;border-color:#374151}[data-theme=dark] .view-toggle button,[data-theme=dark] .view-switcher button,.dark .view-toggle button,.dark .view-switcher button{color:#9ca3af}[data-theme=dark] .view-toggle button:hover,[data-theme=dark] .view-switcher button:hover,.dark .view-toggle button:hover,.dark .view-switcher button:hover{color:#e5e7eb;background:#374151}.material-symbols-outlined{color:inherit}.btn .material-symbols-outlined,.action-btn .material-symbols-outlined{font-size:20px}.icon-muted,.text-muted .material-symbols-outlined{color:#9ca3af}[data-theme=dark] .icon-muted,[data-theme=dark] .text-muted .material-symbols-outlined,.dark .icon-muted,.dark .text-muted .material-symbols-outlined{color:var(--text-tertiary-dark, #718192)}.breadcrumbs{margin-bottom:var(--spacing-4)}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);list-style:none;padding:0;margin:0}.breadcrumbs-item{display:flex;align-items:center;gap:var(--spacing-2)}.breadcrumbs-link{font-size:.875rem;font-weight:500;color:var(--text-secondary-light);text-decoration:none;transition:color var(--transition-fast)}.dark .breadcrumbs-link{color:var(--text-secondary-dark)}.breadcrumbs-link:hover{color:var(--primary)}.breadcrumbs-separator{font-size:.875rem;color:var(--text-tertiary-light)}.dark .breadcrumbs-separator{color:var(--text-tertiary-dark)}.breadcrumbs-current{font-size:.875rem;font-weight:500;color:var(--text-primary-light)}.dark .breadcrumbs-current{color:var(--text-primary-dark)}.template-selector{width:100%}.templates-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-secondary)}.templates-loading .spin{animation:spin 1s linear infinite}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.template-card{position:relative;display:flex;flex-direction:column;padding:20px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.template-card:hover{border-color:var(--primary-light, rgba(59, 130, 246, .5));transform:translateY(-2px);box-shadow:var(--shadow-md)}.template-card.selected{border-color:var(--primary);background:var(--primary-light, rgba(59, 130, 246, .08))}.template-card.selected:after{content:"";font-family:Material Symbols Outlined;position:absolute;top:12px;right:12px;font-size:24px;color:var(--primary)}.template-card-full{background:linear-gradient(135deg,var(--primary-light, rgba(59, 130, 246, .1)) 0%,var(--bg-secondary) 100%);border-color:var(--primary-light, rgba(59, 130, 246, .3))}.template-card-full .template-icon{background:var(--primary);color:#fff}.template-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary)}.template-icon .material-symbols-outlined,.template-icon-full .material-symbols-outlined{font-size:28px}.template-info{flex:1}.template-info h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.template-info p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary)}.template-badge{display:inline-flex;align-items:center;margin-top:12px;padding:4px 10px;background:var(--primary);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm)}.template-view-badge{display:inline-flex;align-items:center;gap:4px;margin-top:12px;padding:4px 10px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:500;border-radius:var(--radius-sm)}.template-view-badge .material-symbols-outlined{font-size:16px}.template-card{background:#fff;border-color:#e5e7eb}.template-card:hover{background:#f9fafb;border-color:#3b82f6}.template-card.selected{background:#eff6ff;border-color:#3b82f6}.template-card-full{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#93c5fd}.template-icon{background:#f3f4f6;color:#6b7280}.template-card-full .template-icon{background:#3b82f6;color:#fff}.template-info h4{color:#111827}.template-info p{color:#6b7280}.template-view-badge{background:#f3f4f6;color:#4b5563}[data-theme=dark] .template-card{background:#1f2937;border-color:#374151}[data-theme=dark] .template-card:hover{background:#374151;border-color:#60a5fa}[data-theme=dark] .template-card.selected{background:#3b82f633;border-color:#3b82f6}[data-theme=dark] .template-card-full{background:linear-gradient(135deg,#3b82f633,#1f2937);border-color:#60a5fa80}[data-theme=dark] .template-icon{background:#374151;color:#9ca3af}[data-theme=dark] .template-card-full .template-icon{background:#3b82f6;color:#fff}[data-theme=dark] .template-info h4{color:#f9fafb}[data-theme=dark] .template-info p{color:#9ca3af}[data-theme=dark] .template-view-badge{background:#374151;color:#d1d5db}[data-theme=dark] .template-badge{background:#3b82f6;color:#fff}.workspace-selector-container{position:relative;margin-bottom:var(--spacing-4)}.workspace-selector{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.workspace-selector:hover{background:var(--surface-hover);border-color:var(--primary)}.dark .workspace-selector{background:var(--surface-dark-elevated);border-color:var(--border-dark)}.dark .workspace-selector:hover{background:#ffffff0d;border-color:var(--primary)}.workspace-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.workspace-icon .material-symbols-outlined{font-size:20px;color:#fff}.workspace-icon.small{width:28px;height:28px}.workspace-icon.small .material-symbols-outlined{font-size:16px}.workspace-info{flex:1;text-align:left;min-width:0}.workspace-name{display:block;font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .workspace-name{color:var(--text-primary-dark)}.workspace-stats{display:block;font-size:.75rem;color:var(--text-secondary)}.dark .workspace-stats{color:var(--text-secondary-dark)}.dropdown-icon{color:var(--text-secondary);font-size:20px}.workspace-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.workspace-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;z-index:1001;overflow:hidden}.dark .workspace-dropdown{background:var(--surface-dark-elevated);border-color:var(--border-dark);box-shadow:0 10px 40px #0006}.workspace-dropdown-header{padding:var(--spacing-3) var(--spacing-4);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.dark .workspace-dropdown-header{color:var(--text-secondary-dark);border-bottom-color:var(--border-dark)}.workspace-dropdown-list{max-height:250px;overflow-y:auto}.workspace-option{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;cursor:pointer;transition:background .15s}.workspace-option:hover{background:var(--surface-hover)}.dark .workspace-option:hover{background:#ffffff0d}.workspace-option.active{background:#1387ec1a}.workspace-option-info{flex:1;text-align:left}.workspace-option-name{display:block;font-weight:500;font-size:.875rem;color:var(--text-primary)}.dark .workspace-option-name{color:var(--text-primary-dark)}.workspace-option-role{display:block;font-size:.7rem;color:var(--text-tertiary)}.check-icon{color:var(--primary);font-size:18px}.workspace-dropdown-footer{padding:var(--spacing-2);border-top:1px solid var(--border-color)}.dark .workspace-dropdown-footer{border-top-color:var(--border-dark)}.workspace-add-btn{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.workspace-add-btn:hover{background:#1387ec1a}.workspace-add-btn .material-symbols-outlined{font-size:18px}.workspace-selector.loading{opacity:.6;pointer-events:none}.workspace-selector.empty{justify-content:center;color:var(--text-secondary)}.workspace-selector{background:#fff;border-color:#e5e7eb}.workspace-selector:hover{background:#f9fafb;border-color:#2563eb}.workspace-name,.workspace-stats,.dropdown-icon{color:#111827}.workspace-dropdown{background:#fff;border-color:#e5e7eb}.workspace-dropdown-header{color:#111827;border-bottom-color:#e5e7eb}.workspace-option-name,.workspace-option-role{color:#111827}.workspace-dropdown-footer{border-top-color:#e5e7eb}.workspace-selector.empty{color:#111827}[data-theme=dark] .workspace-selector,.dark .workspace-selector{background:#1f2937;border-color:#374151}[data-theme=dark] .workspace-selector:hover,.dark .workspace-selector:hover{background:#374151;border-color:#2563eb}[data-theme=dark] .workspace-name,.dark .workspace-name{color:#f9fafb}[data-theme=dark] .workspace-stats,.dark .workspace-stats,[data-theme=dark] .dropdown-icon,.dark .dropdown-icon{color:#9ca3af}[data-theme=dark] .workspace-dropdown,.dark .workspace-dropdown{background:#1f2937;border-color:#374151}[data-theme=dark] .workspace-dropdown-header,.dark .workspace-dropdown-header{color:#9ca3af;border-bottom-color:#374151}[data-theme=dark] .workspace-option-name,.dark .workspace-option-name{color:#f9fafb}[data-theme=dark] .workspace-option-role,.dark .workspace-option-role{color:#9ca3af}[data-theme=dark] .workspace-dropdown-footer,.dark .workspace-dropdown-footer{border-top-color:#374151}[data-theme=dark] .workspace-selector.empty,.dark .workspace-selector.empty{color:#9ca3af}[data-theme=dark] .workspace-create-modal,.dark .workspace-create-modal{background:#1f2937;color:#f9fafb;border:1px solid #374151}[data-theme=dark] .workspace-create-modal .modal-header,.dark .workspace-create-modal .modal-header{background:#111827;border-bottom:1px solid #374151}[data-theme=dark] .workspace-create-modal .modal-header h2,.dark .workspace-create-modal .modal-header h2{color:#f9fafb}[data-theme=dark] .workspace-create-modal .modal-body,.dark .workspace-create-modal .modal-body{background:#1f2937}[data-theme=dark] .workspace-create-modal .modal-body p,.dark .workspace-create-modal .modal-body p{color:#9ca3af}[data-theme=dark] .workspace-create-modal .form-group label,.dark .workspace-create-modal .form-group label{color:#d1d5db}[data-theme=dark] .workspace-create-modal .form-group input,[data-theme=dark] .workspace-create-modal .form-group textarea,.dark .workspace-create-modal .form-group input,.dark .workspace-create-modal .form-group textarea{background:#374151;border:1px solid #4b5563;color:#f9fafb}[data-theme=dark] .workspace-create-modal .form-group input::placeholder,[data-theme=dark] .workspace-create-modal .form-group textarea::placeholder,.dark .workspace-create-modal .form-group input::placeholder,.dark .workspace-create-modal .form-group textarea::placeholder{color:#9ca3af}[data-theme=dark] .workspace-create-modal .icon-picker .icon-option,.dark .workspace-create-modal .icon-picker .icon-option{background:#374151;border:1px solid #4b5563;color:#9ca3af}[data-theme=dark] .workspace-create-modal .icon-picker .icon-option:hover,.dark .workspace-create-modal .icon-picker .icon-option:hover{background:#4b5563;color:#f9fafb}[data-theme=dark] .workspace-create-modal .icon-picker .icon-option.selected,.dark .workspace-create-modal .icon-picker .icon-option.selected{background:#2563eb;border-color:#2563eb;color:#fff}[data-theme=dark] .workspace-create-modal .modal-actions,.dark .workspace-create-modal .modal-actions{border-top:1px solid #374151;background:#111827}.icon-picker{display:flex;flex-wrap:wrap;gap:8px}.icon-option{width:40px;height:40px;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-option:hover{background:#e5e7eb}.icon-option.selected{background:#2563eb;border-color:#2563eb;color:#fff}.icon-option .material-symbols-outlined{font-size:20px}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-option.selected{border-color:#1f2937;box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}[data-theme=dark] .color-option.selected,.dark .color-option.selected{border-color:#f9fafb}.sidebar{display:flex;flex-direction:column;width:16rem;height:100vh;background-color:var(--surface-light);border-right:1px solid var(--border-light);transition:width var(--transition-base);position:fixed;top:0;left:0;z-index:var(--z-sticky)}.dark .sidebar{background-color:var(--surface-dark);border-right-color:var(--border-dark)}.sidebar-collapsed{width:4rem}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:var(--spacing-4);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background-color:var(--border-light);border-radius:4px}.dark .sidebar-content::-webkit-scrollbar-thumb{background-color:var(--border-dark)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);min-height:2.5rem}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-3)}.sidebar-logo-icon{width:2rem;height:2rem;flex-shrink:0;color:var(--primary, #3b82f6);font-size:2rem}.sidebar-logo-text{font-size:1.125rem;font-weight:700;color:var(--text-primary-light);white-space:nowrap}.dark .sidebar-logo-text{color:var(--text-primary-dark)}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:var(--text-secondary-light);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.dark .sidebar-toggle{color:var(--text-secondary-dark)}.sidebar-toggle:hover{background-color:var(--primary-light);color:var(--primary)}.sidebar-collapsed .sidebar-toggle{margin:0 auto}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-2)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-lg);color:var(--text-secondary-light);text-decoration:none;font-size:.875rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer}.dark .sidebar-nav-item{color:var(--text-secondary-dark)}.sidebar-nav-item:hover{background-color:var(--primary-light);color:var(--primary)}.dark .sidebar-nav-item:hover{background-color:var(--primary-dark)}.sidebar-nav-item-active{background-color:var(--primary-light);color:var(--primary)}.dark .sidebar-nav-item-active{background-color:var(--primary-dark)}.sidebar-nav-item .material-symbols-outlined{font-size:1.25rem;flex-shrink:0}.sidebar-nav-item .material-symbols-outlined.fill{font-variation-settings:"FILL" 1}.sidebar-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .sidebar-nav-item{justify-content:center;padding:var(--spacing-3) var(--spacing-2)}.sidebar-collapsed .sidebar-nav-label{display:none}.sidebar-bottom{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-4)}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;width:100%;height:auto;max-height:60px;overflow:hidden;transition:max-height .3s ease;z-index:1000}.sidebar.mobile-expanded{max-height:100vh;overflow-y:auto}.sidebar-content{padding:var(--spacing-2) var(--spacing-4)}.sidebar-header{margin-bottom:var(--spacing-2)}.sidebar-logo-text{display:block}.sidebar-toggle{display:flex}.sidebar-nav{display:none;flex-direction:column;max-height:calc(100vh - 150px);overflow-y:auto;padding-bottom:var(--spacing-4)}.sidebar.mobile-expanded .sidebar-nav{display:flex}.sidebar-nav-label{display:block}.sidebar-bottom{display:none}.sidebar.mobile-expanded .sidebar-bottom{display:flex}.sidebar-user{padding:var(--spacing-2)}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:4rem}.sidebar-logo-text,.sidebar-nav-label{display:none}}.sidebar-divider{height:1px;background-color:var(--border-color);margin:var(--spacing-2) 0}.dark .sidebar-divider{background-color:var(--border-dark)}.sidebar-user{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);margin-top:var(--spacing-2);border-radius:var(--radius-md);background-color:var(--bg-secondary);transition:all .2s}.dark .sidebar-user{background-color:var(--surface-dark)}.sidebar-user-profile-link{display:flex;align-items:center;gap:var(--spacing-3);flex:1;min-width:0;cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-md);transition:background-color .2s}.sidebar-user-profile-link:hover{background-color:#3b82f61a}.dark .sidebar-user-profile-link:hover{background-color:#3b82f626}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:#fff;flex-shrink:0}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-user-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .sidebar-user-name{color:var(--text-primary-dark)}.sidebar-user-role{font-size:.75rem;color:var(--text-secondary)}.dark .sidebar-user-role{color:var(--text-secondary-dark)}.sidebar-logout{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s}.sidebar-logout:hover{background-color:#ef44441a;color:#ef4444}.sidebar-collapsed .sidebar-user{padding:var(--spacing-2) 0;justify-content:center;background:transparent}.sidebar-collapsed .sidebar-logout{display:none}.sidebar-collapsed .sidebar-user:hover .sidebar-logout{display:flex;position:absolute;left:100%;background-color:var(--bg-primary);box-shadow:var(--shadow-md);margin-left:var(--spacing-2)}.sidebar-submenu{display:flex;flex-direction:column}.sidebar-submenu-toggle{background:none;border:none;width:100%;text-align:left;position:relative}.sidebar-submenu-arrow{margin-left:auto;font-size:1.25rem;transition:transform .2s ease}.sidebar-submenu-arrow.expanded{transform:rotate(180deg)}.sidebar-submenu-items{display:flex;flex-direction:column;gap:var(--spacing-1);margin-top:var(--spacing-1);padding-left:var(--spacing-4);overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.sidebar-submenu-item{padding-left:var(--spacing-3);font-size:.8125rem}.sidebar-submenu-item .material-symbols-outlined{font-size:1.125rem}.sidebar-collapsed .sidebar-submenu-items.collapsed-submenu{position:absolute;left:100%;top:0;margin-left:0;padding:var(--spacing-2);background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;z-index:100;display:none}.dark .sidebar-collapsed .sidebar-submenu-items.collapsed-submenu{background:var(--surface-dark);border-color:var(--border-dark)}.sidebar-collapsed .sidebar-submenu:hover .collapsed-submenu{display:flex}.sidebar-collapsed .sidebar-submenu-item{padding-left:var(--spacing-3)}.sidebar-collapsed .sidebar-submenu{position:relative}.sidebar-section{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-light)}.dark .sidebar-section{border-top-color:var(--border-dark)}.sidebar-section-title{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary-light);margin-bottom:var(--spacing-2);padding:0 var(--spacing-3)}.dark .sidebar-section-title{color:var(--text-tertiary-dark)}.sidebar-resize-handle{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;background:transparent;transition:background-color .2s;z-index:10}.sidebar-resize-handle:hover,.sidebar-resizing .sidebar-resize-handle{background:var(--primary, #3b82f6)}.sidebar-resizing{transition:none;-webkit-user-select:none;user-select:none}.sidebar-content{flex:1;display:flex;flex-direction:column}.sidebar-logo-text,.sidebar-nav-item{color:#111827}.sidebar-nav-item:hover{background-color:#f3f4f6;color:#111827}.sidebar-nav-item-active{background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.sidebar-section-title{color:#9ca3af}.sidebar-section{border-top-color:#e5e7eb}.sidebar-user{background-color:#f9fafb;border-top:1px solid #e5e7eb;margin-top:auto}.sidebar-user-name{color:#111827}.sidebar-user-role{color:#1f2937}.sidebar-divider{background-color:#e5e7eb}.dark .sidebar,[data-theme=dark] .sidebar{background-color:var(--surface-dark, #111827);border-right-color:var(--border-dark, #1f2937)}.dark .sidebar-logo-text,[data-theme=dark] .sidebar-logo-text{color:var(--text-primary-dark, #f9fafb)}.dark .sidebar-nav-item,[data-theme=dark] .sidebar-nav-item{color:var(--text-secondary-dark, #9ca3af)}.dark .sidebar-nav-item:hover,[data-theme=dark] .sidebar-nav-item:hover{background-color:var(--bg-secondary, #1f2937);color:var(--text-primary-dark, #f9fafb)}.dark .sidebar-nav-item-active,[data-theme=dark] .sidebar-nav-item-active{background-color:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary)}.dark .sidebar-section-title,[data-theme=dark] .sidebar-section-title{color:var(--text-tertiary-dark, #6b7280)}.dark .sidebar-section,[data-theme=dark] .sidebar-section{border-top-color:var(--border-dark, #1f2937)}.dark .sidebar-user,[data-theme=dark] .sidebar-user{background-color:var(--bg-secondary, #0f172a);border-top-color:var(--border-dark, #1f2937)}.dark .sidebar-user-name,[data-theme=dark] .sidebar-user-name{color:var(--text-primary-dark, #f9fafb)}.dark .sidebar-user-role,[data-theme=dark] .sidebar-user-role{color:var(--text-secondary-dark, #9ca3af)}.dark .sidebar-divider,[data-theme=dark] .sidebar-divider{background-color:var(--border-dark, #1f2937)}.page-header{margin-bottom:var(--spacing-6);display:flex;flex-direction:column;align-items:flex-start}.page-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);flex-wrap:wrap;width:100%}.page-header-text{flex:1;min-width:0}.page-header-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:1.875rem;font-weight:900;line-height:1.2;letter-spacing:-.033em;color:var(--text-primary-light);margin:0}.page-header-icon{color:var(--primary);font-size:1.5rem}.dark .page-header-title{color:var(--text-primary-dark)}.page-header-subtitle{font-size:1rem;font-weight:400;line-height:1.5;color:var(--text-secondary-light);margin:var(--spacing-2) 0 0 0}.dark .page-header-subtitle{color:var(--text-secondary-dark)}.page-header-subtitle>*{margin:0}.page-header-subtitle p{margin:.5em 0;line-height:1.6}.page-header-subtitle p:first-child{margin-top:0}.page-header-subtitle p:last-child{margin-bottom:0}.page-header-actions{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}@media (max-width: 640px){.page-header-title{font-size:1.5rem}.page-header-content{flex-direction:column;align-items:stretch}.page-header-actions{width:100%;justify-content:flex-start}}.page-header-title,.page-header-subtitle,.page-header-subtitle p,.page-header-subtitle span,.page-header-subtitle li,.page-header-subtitle div{color:#111827}.page-header-actions .btn-icon,.page-header-actions .btn-ghost{background:#fff;border:1px solid #d1d5db;color:#111827}.page-header-actions .btn-icon:hover,.page-header-actions .btn-ghost:hover{background:#f3f4f6;border-color:#9ca3af}[data-theme=dark] .page-header-title,.dark .page-header-title{color:#f9fafb}[data-theme=dark] .page-header-subtitle,[data-theme=dark] .page-header-subtitle p,[data-theme=dark] .page-header-subtitle span,.dark .page-header-subtitle,.dark .page-header-subtitle p,.dark .page-header-subtitle span{color:#d1d5db}[data-theme=dark] .page-header-actions .btn-icon,[data-theme=dark] .page-header-actions .btn-ghost,.dark .page-header-actions .btn-icon,.dark .page-header-actions .btn-ghost{background:#374151;border-color:#4b5563;color:#f3f4f6}[data-theme=dark] .page-header-actions .btn-icon:hover,[data-theme=dark] .page-header-actions .btn-ghost:hover,.dark .page-header-actions .btn-icon:hover,.dark .page-header-actions .btn-ghost:hover{background:#4b5563;border-color:#6b7280}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}.toast{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;pointer-events:auto;animation:slideIn .3s ease-out;min-width:300px}.dark .toast{background:#1e1e1e;box-shadow:0 4px 12px #00000080}.toast-leaving{animation:slideOut .3s ease-in forwards}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}.toast-content{display:flex;align-items:center;gap:.75rem;padding:1rem}.toast-icon{flex-shrink:0;font-size:1.5rem}.toast-message{flex:1;font-size:.875rem;line-height:1.4;color:#111827}.dark .toast-message{color:#f3f4f6}.toast-close{flex-shrink:0;background:none;border:none;padding:.25rem;cursor:pointer;color:#6b7280;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.toast-close:hover{background:#f3f4f6;color:#111827}.dark .toast-close{color:#9ca3af}.dark .toast-close:hover{background:#374151;color:#f3f4f6}.toast-close .material-symbols-outlined{font-size:1.25rem}.toast-progress{height:4px;background:#0000001a;overflow:hidden}.dark .toast-progress{background:#ffffff1a}.toast-progress-bar{height:100%;transition:width .05s linear}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-success .toast-progress-bar{background:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-error .toast-progress-bar{background:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-warning .toast-progress-bar{background:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-info .toast-progress-bar{background:#3b82f6}@media (max-width: 640px){.toast-container{left:1rem;right:1rem;max-width:none}.toast{min-width:0}}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:var(--radius-full);font-weight:600;line-height:1.5;white-space:nowrap}.badge-sm{font-size:.625rem;padding:.0625rem .5rem}.badge-md{font-size:.75rem}.badge-lg{font-size:.875rem;padding:.25rem .75rem}.badge-purple{background-color:var(--status-purple-bg-light);color:var(--status-purple)}.badge-gray{background-color:#f3f4f6;color:#6b7280}.dark .badge-purple{background-color:var(--status-purple-bg-dark);color:#a78bfa}.dark .badge-gray{background-color:#b0bec54d;color:#d1d5db}.progress-bar-container{display:flex;align-items:center;gap:var(--spacing-2);width:100%}.progress-bar{flex:1;background-color:#e5e7eb;border-radius:var(--radius-full);overflow:hidden}.dark .progress-bar{background-color:var(--border-dark)}.progress-bar-sm{height:.25rem}.progress-bar-md{height:.375rem}.progress-bar-lg{height:.5rem}.progress-bar-fill{height:100%;transition:width var(--transition-slow);border-radius:var(--radius-full)}.progress-bar-primary{background-color:var(--primary)}.progress-bar-success{background-color:var(--status-success)}.progress-bar-warning{background-color:var(--status-warning)}.progress-bar-error{background-color:var(--status-error)}.progress-bar-gray{background-color:#6b7280}.progress-bar-label{font-size:.75rem;font-weight:500;color:var(--text-secondary-light);min-width:2.5rem;text-align:right}.dark .progress-bar-label{color:var(--text-secondary-dark)}.stat-card{background-color:var(--surface-light);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.dark .stat-card{background-color:var(--surface-dark);border:1px solid var(--border-dark)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.stat-card-title{font-size:.875rem;font-weight:500;color:var(--text-secondary-light)}.dark .stat-card-title{color:var(--text-secondary-dark)}.stat-card-icon{font-size:1.5rem;opacity:.8}.stat-card-icon-primary{color:var(--primary)}.stat-card-icon-success{color:var(--status-success)}.stat-card-icon-warning{color:var(--status-warning)}.stat-card-icon-error{color:var(--status-error)}.stat-card-icon-purple{color:var(--status-purple)}.stat-card-value{font-size:2rem;font-weight:700;color:var(--text-primary-light);margin-bottom:var(--spacing-2)}.dark .stat-card-value{color:var(--text-primary-dark)}.stat-card-trend{display:flex;align-items:center;gap:var(--spacing-1);font-size:.875rem;font-weight:500}.stat-card-trend-icon{font-size:1rem}.stat-card-trend-up{color:var(--status-success)}.stat-card-trend-down{color:var(--status-error)}.avatar-group{display:flex;align-items:center}.avatar{background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:var(--radius-full);border:2px solid var(--surface-light);margin-left:-.5rem;transition:transform var(--transition-fast)}.dark .avatar{border-color:var(--surface-dark)}.avatar:first-child{margin-left:0}.avatar:hover{transform:translateY(-2px);z-index:10}.avatar-sm{width:1.5rem;height:1.5rem}.avatar-md{width:2rem;height:2rem}.avatar-lg{width:2.5rem;height:2.5rem}.avatar-count{background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#6b7280}.dark .avatar-count{background-color:var(--border-dark);color:var(--text-secondary-dark)}.donut-chart{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.donut-chart-svg-container{position:relative;display:flex;align-items:center;justify-content:center}.donut-chart-svg{width:100%;height:100%}.donut-chart-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-chart-total{font-size:2rem;font-weight:700;color:var(--text-primary-light)}.dark .donut-chart-total{color:var(--text-primary-dark)}.donut-chart-label{font-size:.875rem;color:var(--text-secondary-light)}.dark .donut-chart-label{color:var(--text-secondary-dark)}.donut-chart-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-tertiary-light);font-size:.875rem}.dark .donut-chart-empty{color:var(--text-tertiary-dark)}.donut-chart-legend{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.donut-chart-legend-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:.875rem}.donut-chart-legend-dot{width:.5rem;height:.5rem;border-radius:var(--radius-full);flex-shrink:0}.donut-chart-legend-label{flex:1;color:var(--text-primary-light)}.dark .donut-chart-legend-label{color:var(--text-primary-dark)}.donut-chart-legend-value{font-weight:600;color:var(--text-secondary-light)}.dark .donut-chart-legend-value{color:var(--text-secondary-dark)}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font:var(--md-sys-typescale-label-small);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-done{background-color:#81c78433;color:#81c784;border:1px solid rgba(129,199,132,.3)}.status-in-progress{background-color:#64b5f633;color:#64b5f6;border:1px solid rgba(100,181,246,.3)}.status-todo{background-color:#e0e0e033;color:#e0e0e0;border:1px solid rgba(224,224,224,.3)}.status-blocked{background-color:#e5737333;color:#e57373;border:1px solid rgba(229,115,115,.3)}.status-review{background-color:#ffd54f33;color:#ffd54f;border:1px solid rgba(255,213,79,.3)}.status-default{background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant)}.dashboard-enhanced{width:100%;max-width:1400px;margin:0 auto}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.dashboard-main-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.dashboard-widget{background-color:var(--surface-light);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.dark .dashboard-widget{background-color:var(--surface-dark);border:1px solid var(--border-dark)}.dashboard-widget-wide{grid-column:span 2}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-light)}.dark .widget-header{border-bottom-color:var(--border-dark)}.widget-title{font-size:1.125rem;font-weight:700;color:var(--text-primary-light);margin:0}.dark .widget-title{color:var(--text-primary-dark)}.widget-link{font-size:.875rem;font-weight:500;color:var(--primary);text-decoration:none;transition:opacity var(--transition-fast)}.widget-link:hover{opacity:.8}.widget-content{min-height:200px}.widget-center{display:flex;align-items:center;justify-content:center}.widget-loading,.widget-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-tertiary-light);font-size:.875rem}.dark .widget-loading,.dark .widget-empty{color:var(--text-tertiary-dark)}.task-item{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background-color:var(--background-light);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-fast)}.dark .task-item{background-color:var(--surface-dark-elevated);border-color:var(--border-dark)}.task-item:hover{border-color:var(--primary);transform:translate(4px)}.task-info{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;min-width:0}.task-title{font-size:.875rem;font-weight:500;color:var(--text-primary-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .task-title{color:var(--text-primary-dark)}.task-project{font-size:.75rem;color:var(--text-secondary-light)}.dark .task-project{color:var(--text-secondary-dark)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4)}.project-card{padding:var(--spacing-4);background-color:var(--background-light);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-fast)}.dark .project-card{background-color:var(--surface-dark-elevated);border-color:var(--border-dark)}.project-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.project-name{font-size:1rem;font-weight:600;color:var(--text-primary-light);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .project-name{color:var(--text-primary-dark)}.project-stats{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.project-stat{display:flex;align-items:center;gap:var(--spacing-1);font-size:.75rem;color:var(--text-secondary-light)}.dark .project-stat{color:var(--text-secondary-dark)}.project-stat .material-symbols-outlined{font-size:1rem}.project-progress{display:flex;flex-direction:column;gap:var(--spacing-2)}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:.75rem;font-weight:500;color:var(--text-secondary-light)}.dark .progress-label{color:var(--text-secondary-dark)}.progress-value{font-size:.75rem;font-weight:600;color:var(--primary)}@media (max-width: 640px){.dashboard-stats{grid-template-columns:1fr}.dashboard-quick-actions{grid-template-columns:repeat(2,1fr)}.links-grid{grid-template-columns:1fr}``` color: var(--primary)}.progress-bar-container{height:.5rem;background-color:#e5e7eb;border-radius:var(--radius-full);overflow:hidden}.dark .progress-bar-container{background-color:var(--border-dark)}.progress-bar-fill{height:100%;background-color:var(--primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.dashboard-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.quick-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-6);background-color:var(--surface-light);border-radius:var(--radius-xl);border:2px solid transparent;text-decoration:none;color:var(--text-primary-light);transition:all var(--transition-base);cursor:pointer}.dark .quick-action-card{background-color:var(--surface-dark);color:var(--text-primary-dark);border-color:var(--border-dark)}.quick-action-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-action-card .material-symbols-outlined{font-size:2rem;color:var(--primary)}.quick-action-card span:last-child{font-size:.875rem;font-weight:600}.dashboard-sections{display:flex;flex-direction:column;gap:var(--spacing-8)}.dashboard-section{background-color:var(--surface-light);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.dark .dashboard-section{background-color:var(--surface-dark);border:1px solid var(--border-dark)}.section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary-light);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-3);border-bottom:2px solid var(--border-light)}.dark .section-title{color:var(--text-primary-dark);border-bottom-color:var(--border-dark)}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-3)}.link-card{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background-color:var(--background-light);border-radius:var(--radius-lg);border:1px solid var(--border-light);text-decoration:none;color:var(--text-primary-light);transition:all var(--transition-fast);position:relative}.dark .link-card{background-color:var(--surface-dark-elevated);border-color:var(--border-dark);color:var(--text-primary-dark)}.link-card:hover{background-color:var(--primary-light);border-color:var(--primary);transform:translate(4px)}.dark .link-card:hover{background-color:var(--primary-dark)}.link-icon{font-size:1.5rem;flex-shrink:0}.link-label{flex:1;font-size:.875rem;font-weight:500;line-height:1.4}.link-external{font-size:1rem;color:var(--text-tertiary-light);flex-shrink:0}.dark .link-external{color:var(--text-tertiary-dark)}@media (max-width: 1024px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid{grid-template-columns:1fr}.dashboard-widget-wide{grid-column:span 1}.links-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.projects-grid{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard-stats{grid-template-columns:1fr}.dashboard-quick-actions{grid-template-columns:repeat(2,1fr)}.links-grid{grid-template-columns:1fr}.link-card{padding:var(--spacing-3)}.widget-content{min-height:150px}}.active-projects-container{display:flex;flex-direction:column;gap:var(--spacing-6)}.status-group{display:flex;flex-direction:column;gap:var(--spacing-3)}.status-group-title{font-size:1rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--border-light)}.dark .status-group-title{border-color:var(--border-dark)}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--text-tertiary)}.status-indicator.status-em-execução{background-color:var(--info)}.status-indicator.status-em-homologação{background-color:var(--purple)}.status-indicator.status-on-going{background-color:var(--success)}```.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:999}.modal-container{background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:95vh;overflow:hidden}.dark .modal-container{background-color:#1e1e1e;border:1px solid #333}.modal-small{width:400px;max-width:90vw}.modal-medium{width:600px;max-width:90vw}.modal-large{width:1000px;max-width:95vw}.modal-xl{width:1200px;max-width:98vw;height:90vh}.modal-full{width:95vw;height:90vh}.modal-header{padding:1.5rem;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.dark .modal-header{border-bottom-color:#333}.modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.dark .modal-title{color:#f3f4f6}.modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:#f3f4f6;color:#111827}.dark .modal-close:hover{background-color:#374151;color:#f3f4f6}.modal-content{padding:1.5rem;overflow-y:auto;flex:1;width:100%;box-sizing:border-box}.modal-footer{padding:1.5rem;border-top:1px solid #e5e5e5;display:flex;justify-content:flex-end;gap:1rem}.dark .modal-footer{border-top-color:#333}:root{--primary: #3b82f6;--primary-hover: #2563eb;--surface-dark: #09090b;--surface-card: #18181b;--surface-darker: #000000;--text-primary: #000000;--text-new: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--border: #27272a;--glow: rgba(59, 130, 246, .15);--danger: #ef4444;--success: #22c55e;--radius-lg: 1rem;--radius-xl: 1.5rem;--spacing-4: 1rem;--spacing-6: 1.5rem}.landing-page{min-height:100vh;background-color:var(--surface-dark);color:var(--text-new);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.landing-hero{position:relative;padding:6rem 1.5rem;text-align:center;background:radial-gradient(circle at 50% 0%,#1e1e24 0%,var(--surface-dark) 70%);overflow:hidden}.landing-hero:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:400px;background:var(--primary);filter:blur(120px);opacity:.2;border-radius:50%;pointer-events:none}.landing-hero-content{position:relative;z-index:10;max-width:800px;margin:0 auto}.landing-logo-container{margin-bottom:2rem}.landing-logo-icon{font-size:5rem;color:var(--primary);filter:drop-shadow(0 0 30px rgba(59,130,246,.5));animation:float 6s ease-in-out infinite}.landing-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:9999px;color:#60a5fa;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.landing-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em;background:linear-gradient(to bottom right,#fff 30%,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-title span{display:block;color:var(--primary);-webkit-text-fill-color:var(--primary)}.landing-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.6}.landing-cta-group{display:flex;justify-content:center;gap:1rem}.landing-cta{padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1rem;display:flex;align-items:center;gap:.5rem;transition:all .2s;cursor:pointer;border:none}.landing-cta-primary{background:var(--primary);color:#fff;box-shadow:0 0 20px #3b82f64d}.landing-cta-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 0 30px #3b82f680}.landing-cta-secondary{background:#ffffff0d;border:1px solid var(--border);color:var(--text-new)}.landing-cta-secondary:hover{background:#ffffff1a;border-color:var(--text-new)}.landing-section{padding:6rem 1.5rem;max-width:1200px;margin:0 auto}.bg-darker{background-color:var(--surface-darker);width:100%;max-width:100%;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-section-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#fff}.landing-section-subtitle{text-align:center;font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto 4rem}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,300px);gap:1.5rem}.bento-card{background:var(--surface-card);border:1px solid var(--border);border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.bento-card:hover{border-color:var(--primary);transform:translateY(-4px)}.bento-large{grid-column:span 2;grid-row:span 2;background:linear-gradient(145deg,var(--surface-card) 0%,#1e1e24 100%)}.bento-wide{grid-column:span 2}.bento-icon{width:3.5rem;height:3.5rem;background:#3b82f61a;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:1.5rem}.bento-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.bento-card p{color:var(--text-secondary);line-height:1.6}.ai-badge{position:absolute;bottom:2rem;right:2rem;background:#111;border:1px solid #333;padding:1rem;border-radius:.75rem;font-size:.8rem;font-family:monospace;color:#4ade80;box-shadow:0 10px 30px #00000080}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.comparison-card{background:var(--surface-card);border:1px solid var(--border);border-radius:1rem;padding:2rem;transition:border-color .2s}.comparison-card:hover{border-color:var(--primary)}.comparison-competitor{text-align:center;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.comparison-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin-bottom:.75rem}.comparison-item.issue{color:var(--danger)}.comparison-item.issue span{font-size:1.1em}.comparison-item.pro{color:var(--success)}.comparison-item.pro span{font-size:1.1em}.comparison-divider{height:1px;background:var(--border);margin:1.5rem 0}.comparison-projectos-title{text-align:center;color:var(--primary);font-weight:700;margin-bottom:1rem}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.landing-feature-card{background:var(--surface-card);border:1px solid var(--border);border-radius:1rem;padding:2rem;transition:all .2s;cursor:pointer;display:flex;flex-direction:column}.landing-feature-card:hover{border-color:var(--primary);transform:translateY(-4px)}.landing-feature-icon{width:3rem;height:3rem;background:#3b82f61a;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:1.5rem}.landing-feature-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.landing-feature-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5;flex-grow:1}.landing-feature-benefits{list-style:none;padding:0;margin:0 0 1.5rem;border-top:1px solid var(--border);padding-top:1rem}.landing-feature-benefits li{display:flex;gap:.5rem;font-size:.85rem;color:var(--text-tertiary);margin-bottom:.5rem}.landing-feature-benefits li span{color:var(--primary);font-size:1rem}.landing-feature-more{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:600;font-size:.9rem}.landing-tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.landing-tech-card{background:#ffffff05;border:1px solid var(--border);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem}.landing-tech-icon-wrapper{width:3rem;height:3rem;background:#3b82f61a;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--primary)}.landing-tech-info{display:flex;flex-direction:column}.landing-tech-name{font-weight:700;color:var(--text-new)}.landing-tech-desc{font-size:.85rem;color:var(--text-secondary)}.landing-cta-section{padding:6rem 1.5rem;display:flex;justify-content:center}.landing-cta-card{background:linear-gradient(145deg,#1387ec1a,#0a1016);border:1px solid rgba(19,135,236,.3);border-radius:2rem;padding:4rem 2rem;text-align:center;max-width:900px;width:100%;position:relative;overflow:hidden}.landing-cta-glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:60%;height:100%;background:radial-gradient(circle,rgba(19,135,236,.4) 0%,transparent 70%);filter:blur(60px);z-index:0;opacity:.5}.landing-cta-card h2,.landing-cta-card p,.landing-cta-card button{position:relative;z-index:1}.landing-cta-card h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#fff}.landing-cta-card p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem}.landing-footer{padding:3rem;text-align:center;border-top:1px solid var(--border);color:var(--text-secondary)}.feature-detail-modal{color:#333}.feature-header{display:flex;gap:1.5rem;margin-bottom:1.5rem;align-items:center}.feature-icon-wrapper{font-size:2.5rem;color:var(--primary);background:#3b82f61a;padding:1rem;border-radius:1rem}.feature-header-text h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.feature-header-text p{font-size:1.1rem;color:#555}.feature-comparison{background:#fff3cd;color:#856404;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.feature-content-block{background:#f4f4f5;padding:1.5rem;border-radius:.5rem;margin-bottom:1.5rem}.feature-content-block pre{white-space:pre-wrap;font-family:inherit;color:#333}.feature-benefits-list{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.benefit-tag{background:#3b82f61a;color:#2563eb;padding:.5rem 1rem;border-radius:99px;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.feature-actions{display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #eee;padding-top:1.5rem}@media (max-width: 768px){.landing-title{font-size:2.5rem}.landing-logo-icon{font-size:4rem}.bento-grid{display:flex;flex-direction:column;height:auto}.landing-features-grid,.comparison-grid{grid-template-columns:1fr}}.quick-links-container{padding-bottom:var(--spacing-8)}.quick-links-grid-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.group-header-left{display:flex;align-items:center}.group-actions{display:flex;gap:4px}.btn-icon{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-tertiary-light);display:flex;align-items:center;justify-content:center;transition:all .2s}.dark .btn-icon{color:var(--text-tertiary-dark)}.btn-icon:hover{background-color:var(--background-light);color:var(--primary)}.dark .btn-icon:hover{background-color:var(--surface-dark-elevated)}.btn-icon.active{color:var(--primary);background-color:var(--primary-light)}.dark .btn-icon.active{color:#818cf8;background-color:#6366f133}.links-list-container{display:flex;flex-direction:column;gap:var(--spacing-3)}.link-card-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3);background-color:var(--background-light);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-fast)}.dark .link-card-item{background-color:var(--surface-dark-elevated);border-color:var(--border-dark)}.link-card-item:hover{border-color:var(--primary);transform:translate(4px);background-color:var(--surface-light)}.dark .link-card-item:hover{background-color:var(--surface-dark-elevated)}.link-content-btn{flex:1;display:flex;align-items:center;gap:var(--spacing-3);background:none;border:none;padding:0;text-align:left;cursor:pointer;color:inherit}.link-icon-style{font-size:1.5rem;color:var(--primary);background-color:var(--primary-light);padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center}.dark .link-icon-style{background-color:#2563eb33}.link-text-info{display:flex;flex-direction:column}.link-label-text{font-size:.875rem;font-weight:500;color:var(--text-primary-light)}.dark .link-label-text{color:var(--text-primary-dark)}.link-desc-text{font-size:.75rem;color:var(--text-secondary-light)}.dark .link-desc-text{color:var(--text-secondary-dark)}.delete-link-btn{opacity:0;transition:opacity .2s}.link-card-item:hover .delete-link-btn{opacity:1}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.ql-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:450px;background-color:var(--surface-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);z-index:1000;border:1px solid var(--border-light)}.dark .ql-modal{background-color:var(--surface-dark);border-color:var(--border-dark)}.ql-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--border-light)}.dark .ql-modal-header{border-color:var(--border-dark)}.ql-modal-header h3{margin:0;font-size:1.125rem;color:var(--text-primary-light)}.dark .ql-modal-header h3{color:var(--text-primary-dark)}.ql-modal-body{padding:var(--spacing-6);display:flex;flex-direction:column}.ql-modal-body label{font-size:.875rem;font-weight:500;color:var(--text-secondary-light);margin-bottom:var(--spacing-2)}.dark .ql-modal-body label{color:var(--text-secondary-dark)}.ql-input{padding:10px;border-radius:var(--radius-lg);border:1px solid var(--border-light);background-color:var(--background-light);color:var(--text-primary-light);font-size:.9rem}.dark .ql-input{background-color:var(--surface-dark-elevated);border-color:var(--border-dark);color:var(--text-primary-dark)}.ql-input:focus{outline:none;border-color:var(--primary)}.ql-modal-footer{padding:var(--spacing-4) var(--spacing-6);display:flex;justify-content:flex-end;gap:var(--spacing-3);border-top:1px solid var(--border-light)}.dark .ql-modal-footer{border-color:var(--border-dark)}.ql-btn-primary{padding:8px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:500;cursor:pointer}.ql-btn-secondary{padding:8px 16px;background-color:transparent;border:1px solid var(--border-light);color:var(--text-primary-light);border-radius:var(--radius-lg);cursor:pointer}.dark .ql-btn-secondary{border-color:var(--border-dark);color:var(--text-primary-dark)}@media (max-width: 768px){.quick-links-grid-wrapper{grid-template-columns:1fr}}.table-container{background-color:var(--surface-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.dark .table-container{background-color:var(--surface-dark);border:1px solid var(--border-dark)}.table-responsive{overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:var(--background-light);border-bottom:2px solid var(--border-light)}.dark .data-table thead{background-color:var(--border-dark);border-bottom-color:var(--border-dark-subtle)}.data-table th{padding:var(--spacing-4);text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary-light);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.dark .data-table th{color:var(--text-secondary-dark)}.th-content{display:flex;align-items:center;gap:4px}.sortable{cursor:pointer;transition:color .2s}.sortable:hover{color:var(--primary)}.sort-icon{font-size:16px;color:var(--primary)}.data-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color .2s}.dark .data-table tbody tr{border-bottom-color:var(--border-dark)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background-color:var(--background-light)}.dark .data-table tbody tr:hover{background-color:var(--surface-dark-elevated)}.data-table td{padding:var(--spacing-4);font-size:.875rem;color:var(--text-primary-light)}.dark .data-table td{color:var(--text-primary-dark)}.actions-cell{display:flex;gap:8px;justify-content:flex-end}.empty-state{text-align:center;padding:48px;color:var(--text-tertiary-light);font-size:1rem}.table-pagination{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--border-light);background-color:var(--surface-light)}.dark .table-pagination{border-top-color:var(--border-dark);background-color:var(--surface-dark)}.pagination-info{margin-right:16px;font-size:.875rem;color:var(--text-secondary-light)}.dark .pagination-info{color:var(--text-secondary-dark)}.pagination-controls{display:flex;gap:8px}.editable-table-container{overflow:hidden}.editable-table-container .table-responsive{overflow-x:auto}.editable-table{width:100%;border-collapse:collapse;font-size:.875rem}.editable-table thead th{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-weight:600;color:var(--text-secondary-light);background-color:var(--surface-light);border-bottom:2px solid var(--border-light);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.dark .editable-table thead th{color:var(--text-secondary-dark);background-color:var(--surface-dark);border-bottom-color:var(--border-dark)}.editable-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.editable-table thead th.sortable:hover{background-color:var(--hover-light)}.dark .editable-table thead th.sortable:hover{background-color:var(--hover-dark)}.editable-table thead th .th-content{display:flex;align-items:center;gap:var(--spacing-2)}.editable-table thead th .sort-icon{font-size:16px;color:var(--primary)}.editable-table thead th.editable-header:after{content:"✎";font-size:10px;margin-left:4px;opacity:.4}.editable-table tbody td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-light);color:var(--text-primary-light);vertical-align:middle}.dark .editable-table tbody td{border-bottom-color:var(--border-dark);color:var(--text-primary-dark)}.editable-table tbody tr:hover{background-color:var(--hover-light)}.dark .editable-table tbody tr:hover{background-color:var(--hover-dark)}.editable-table tbody td.editable{cursor:pointer;position:relative}.editable-cell{display:flex;align-items:center;gap:var(--spacing-2);min-height:24px}.editable-cell .cell-content{flex:1}.editable-cell .cell-placeholder{color:var(--text-tertiary-light);font-style:italic}.dark .editable-cell .cell-placeholder{color:var(--text-tertiary-dark)}.editable-cell .edit-indicator{font-size:14px;color:var(--text-tertiary-light);opacity:0;transition:opacity var(--transition-fast)}.dark .editable-cell .edit-indicator{color:var(--text-tertiary-dark)}.editable-table tbody td.editable:hover .edit-indicator{opacity:1;color:var(--primary)}.cell-input,.cell-select{width:100%;padding:var(--spacing-2);border:2px solid var(--primary);border-radius:var(--radius-sm);background-color:var(--background-light);color:var(--text-primary-light);font-size:.875rem;font-family:inherit;outline:none;box-shadow:0 0 0 3px var(--primary-light)}.dark .cell-input,.dark .cell-select{background-color:var(--background-dark);color:var(--text-primary-dark)}.cell-input:focus,.cell-select:focus{border-color:var(--primary)}.cell-date{min-width:140px}.cell-saving{color:var(--text-tertiary-light);font-style:italic;font-size:.8rem}.dark .cell-saving{color:var(--text-tertiary-dark)}.new-row{background-color:var(--primary-light)!important}.dark .new-row{background-color:rgba(var(--primary-rgb),.15)!important}.new-row td{padding:var(--spacing-2) var(--spacing-4)}.new-row-actions{display:flex;gap:var(--spacing-2);white-space:nowrap}.new-row-actions .btn-icon{width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.new-row-actions .btn-icon .material-symbols-outlined{font-size:18px}.new-row-actions .btn-icon.save{background-color:var(--success);color:#fff}.new-row-actions .btn-icon.save:hover{background-color:var(--success-hover)}.new-row-actions .btn-icon.cancel{background-color:var(--surface-light);color:var(--text-secondary-light);border:1px solid var(--border-light)}.dark .new-row-actions .btn-icon.cancel{background-color:var(--surface-dark);color:var(--text-secondary-dark);border-color:var(--border-dark)}.new-row-actions .btn-icon.cancel:hover{background-color:var(--error-light);color:var(--error);border-color:var(--error)}.add-row-container{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--border-light);background-color:var(--surface-light)}.dark .add-row-container{border-top-color:var(--border-dark);background-color:var(--surface-dark)}.btn-add-row{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:transparent;border:1px dashed var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary-light);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);width:100%;justify-content:center}.dark .btn-add-row{border-color:var(--border-dark);color:var(--text-secondary-dark)}.btn-add-row:hover{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}.btn-add-row .material-symbols-outlined{font-size:20px}.editable-table .actions-cell{white-space:nowrap}.editable-table .empty-state{text-align:center;padding:var(--spacing-8);color:var(--text-tertiary-light)}.dark .editable-table .empty-state{color:var(--text-tertiary-dark)}@media (max-width: 768px){.editable-table thead th,.editable-table tbody td{padding:var(--spacing-2) var(--spacing-3)}.editable-table{font-size:.8rem}.cell-input,.cell-select{padding:var(--spacing-1);font-size:.8rem}}.obsidian-editor{position:relative;border-radius:12px;overflow:hidden;transition:all .2s ease}.obsidian-editor.light{background:linear-gradient(135deg,#fff,#fafafa);border:1px solid #e5e5e5;box-shadow:0 1px 3px #0000000d}.obsidian-editor.light:focus-within{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a}.obsidian-editor.dark{background:linear-gradient(135deg,#1e1e2e,#181825);border:1px solid #313244;box-shadow:0 4px 12px #0000004d}.obsidian-editor.dark:focus-within{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26}.obsidian-editor .cm-editor{height:100%;background:transparent!important}.obsidian-editor .cm-scroller{overflow:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.obsidian-editor .cm-placeholder{color:#9ca3af;font-style:italic}.obsidian-editor.dark .cm-placeholder{color:#6b7280}.obsidian-editor .cm-scroller::-webkit-scrollbar{width:8px;height:8px}.obsidian-editor.light .cm-scroller::-webkit-scrollbar-track{background:transparent}.obsidian-editor.light .cm-scroller::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.obsidian-editor.light .cm-scroller::-webkit-scrollbar-thumb:hover{background:#9ca3af}.obsidian-editor.dark .cm-scroller::-webkit-scrollbar-track{background:transparent}.obsidian-editor.dark .cm-scroller::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.obsidian-editor.dark .cm-scroller::-webkit-scrollbar-thumb:hover{background:#6b7280}.obsidian-editor .cm-content{transition:padding .2s ease}.obsidian-editor .cm-selectionBackground{transition:background-color .15s ease}.obsidian-editor .cm-activeLine{border-radius:2px}.obsidian-editor .cm-line:has(.cm-codeBlock){background:#00000005;border-radius:4px;margin:2px 0}.obsidian-editor.dark .cm-line:has(.cm-codeBlock){background:#ffffff05}@keyframes focusRing{0%{box-shadow:0 0 #a78bfa00}50%{box-shadow:0 0 0 4px #a78bfa33}to{box-shadow:0 0 0 3px #a78bfa1a}}.obsidian-editor:focus-within{animation:focusRing .3s ease forwards}@media (max-width: 768px){.obsidian-editor .cm-content{padding:12px 16px;font-size:14px}}.cm-tooltip.cm-tooltip-autocomplete{background:var(--surface-secondary, #1e1e2e)!important;border:1px solid var(--border-color, #313244)!important;border-radius:12px!important;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d!important;padding:8px!important;min-width:280px!important;max-width:360px!important;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.obsidian-editor.light .cm-tooltip.cm-tooltip-autocomplete{background:#fffffffa!important;border-color:#e5e5e5!important;box-shadow:0 8px 32px #0000001f,0 0 0 1px #0000000d!important}.cm-tooltip.cm-tooltip-autocomplete>ul{font-family:Inter,sans-serif!important;max-height:320px!important;padding:0!important;margin:0!important}.cm-tooltip.cm-tooltip-autocomplete>ul>li{padding:10px 12px!important;border-radius:8px!important;margin:2px 0!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:12px!important;transition:all .15s ease!important}.cm-tooltip.cm-tooltip-autocomplete>ul>li:hover{background:#a78bfa1a!important}.cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected=true],.cm-tooltip.cm-tooltip-autocomplete>ul>li.cm-completionSelected{background:linear-gradient(135deg,#a78bfa33,#7c3aed26)!important}.obsidian-editor.light .cm-tooltip.cm-tooltip-autocomplete>ul>li:hover{background:#7c3aed14!important}.obsidian-editor.light .cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected=true],.obsidian-editor.light .cm-tooltip.cm-tooltip-autocomplete>ul>li.cm-completionSelected{background:linear-gradient(135deg,#7c3aed1f,#a78bfa14)!important}.slash-command-item{display:flex;align-items:center;gap:12px;width:100%}.slash-cmd-icon{font-size:20px;color:var(--primary-color, #a78bfa);opacity:.9}.slash-cmd-label{font-weight:600;font-size:14px;color:var(--text-primary, #dcddde);flex-shrink:0}.obsidian-editor.light .slash-cmd-label{color:#1e1e1e}.slash-cmd-detail{font-size:12px;color:var(--text-secondary, #9ca3af);margin-left:auto}.cm-completionLabel{color:var(--text-primary, #dcddde)!important;font-weight:500!important}.cm-completionDetail{color:var(--text-secondary, #6b7280)!important;font-style:normal!important;margin-left:auto!important}.cm-completionIcon{display:none!important}.cm-tooltip.cm-tooltip-autocomplete>ul::-webkit-scrollbar{width:6px}.cm-tooltip.cm-tooltip-autocomplete>ul::-webkit-scrollbar-track{background:transparent}.cm-tooltip.cm-tooltip-autocomplete>ul::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:3px}.cm-tooltip.cm-tooltip-autocomplete:after{content:"Digite para filtrar • Enter para inserir • Esc para fechar";display:block;padding:8px 12px;font-size:11px;color:var(--text-secondary, #6b7280);border-top:1px solid var(--border-color, #313244);margin-top:4px;text-align:center}.markdown-viewer{width:100%;padding:var(--spacing-3);background-color:var(--bg-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-family);line-height:1.6}.dark .markdown-viewer{background-color:var(--bg-primary-dark);color:var(--text-primary-dark)}.markdown-viewer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-6);color:var(--text-tertiary);font-style:italic}.markdown-viewer-empty .material-symbols-outlined{font-size:2rem;opacity:.5}.markdown-viewer h1,.markdown-viewer h2,.markdown-viewer h3,.markdown-viewer h4,.markdown-viewer h5,.markdown-viewer h6{color:var(--text-primary);margin-top:var(--spacing-4);margin-bottom:var(--spacing-2);font-weight:600}.dark .markdown-viewer h1,.dark .markdown-viewer h2,.dark .markdown-viewer h3,.dark .markdown-viewer h4,.dark .markdown-viewer h5,.dark .markdown-viewer h6{color:var(--text-primary-dark)}.markdown-viewer h1{font-size:2rem;border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-2)}.markdown-viewer h2{font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-1)}.markdown-viewer h3{font-size:1.25rem}.markdown-viewer p{margin:var(--spacing-2) 0}.markdown-viewer strong{font-weight:600;color:var(--text-primary)}.dark .markdown-viewer strong{color:#fff}.markdown-viewer em{font-style:italic}.markdown-viewer a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.markdown-viewer a:hover{border-bottom-color:var(--primary-color)}.markdown-viewer ul,.markdown-viewer ol{margin:var(--spacing-2) 0;padding-left:var(--spacing-5);color:var(--text-primary)}.dark .markdown-viewer ul,.dark .markdown-viewer ol{color:#fff}.markdown-viewer li{margin:var(--spacing-1) 0;color:inherit}.markdown-viewer input[type=checkbox]{margin-right:var(--spacing-1)}.markdown-viewer code{background-color:var(--bg-secondary);color:var(--primary-color);padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.dark .markdown-viewer code{background-color:var(--surface-dark)}.markdown-viewer pre{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-3);overflow-x:auto;margin:var(--spacing-3) 0}.dark .markdown-viewer pre{background-color:var(--surface-dark);border-color:var(--border-dark)}.markdown-viewer pre code{background-color:transparent;padding:0;color:inherit}.markdown-viewer blockquote{border-left:4px solid var(--primary-color);padding-left:var(--spacing-3);margin:var(--spacing-3) 0;color:var(--text-secondary);font-style:italic}.markdown-viewer table{border-collapse:collapse;width:100%;margin:var(--spacing-3) 0}.markdown-viewer th,.markdown-viewer td{border:1px solid var(--border-color);padding:var(--spacing-2);text-align:left}.dark .markdown-viewer th,.dark .markdown-viewer td{border-color:var(--border-dark)}.markdown-viewer th{background-color:var(--bg-secondary);font-weight:600}.dark .markdown-viewer th{background-color:var(--surface-dark)}.markdown-viewer hr{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-4) 0}.dark .markdown-viewer hr{border-top-color:var(--border-dark)}.markdown-viewer img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-2) 0}.markdown-editor-container{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color)}.formatting-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary));border-bottom:1px solid var(--border-color);gap:12px;flex-wrap:wrap}.dark .formatting-toolbar{background:linear-gradient(to bottom,#2a2a3e,#1e1e2e)}.formatting-toolbar.preview-mode{justify-content:space-between}.preview-label{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary);font-weight:500}.preview-label .material-symbols-outlined{font-size:18px}.format-buttons{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.format-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.format-btn:hover{background:var(--bg-tertiary, rgba(0, 0, 0, .05));color:var(--text-primary);transform:translateY(-1px)}.dark .format-btn:hover{background:#ffffff1a}.format-btn:active{transform:translateY(0);background:var(--primary-light);color:var(--primary)}.format-btn .material-symbols-outlined{font-size:18px}.toolbar-divider{width:1px;height:20px;background:var(--border-color);margin:0 6px}.view-toggle{display:flex;gap:2px;padding:4px;background:var(--bg-primary);border-radius:8px;box-shadow:inset 0 1px 2px #0000000d}.dark .view-toggle{background:#0003}.toggle-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;font-size:.8rem;font-weight:500}.toggle-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.toggle-btn .material-symbols-outlined{font-size:16px}.markdown-editor-content{display:flex;flex:1;min-height:200px}.markdown-editor-content.mode-edit .editor-pane,.markdown-editor-content.mode-preview .preview-pane{flex:1}.markdown-editor-content.mode-split .editor-pane,.markdown-editor-content.mode-split .preview-pane{flex:1;min-width:0}.markdown-editor-content.mode-split .preview-pane{border-left:1px solid var(--border-color)}.editor-pane{display:flex;flex-direction:column;flex:1}.editor-pane .obsidian-editor{border:none;border-radius:0;box-shadow:none;flex:1}.preview-pane{padding:16px 20px;overflow-y:auto;background:var(--bg-primary)}.preview-pane .markdown-viewer{font-size:15px;line-height:1.7}@media (max-width: 768px){.markdown-editor-content.mode-split{flex-direction:column}.markdown-editor-content.mode-split .preview-pane{border-left:none;border-top:1px solid var(--border-color)}.format-buttons{overflow-x:auto;padding-bottom:4px}.formatting-toolbar{padding:6px 8px}.toolbar-divider{display:none}}.markdown-editor-content .editor-pane,.markdown-editor-content .preview-pane{animation:fadeIn .2s ease}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem}.spinner{display:inline-block;position:relative}.spinner-circle{border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.spinner-small .spinner-circle{width:1rem;height:1rem;border-width:2px}.spinner-medium .spinner-circle{width:2rem;height:2rem;border-width:3px}.spinner-large .spinner-circle{width:3rem;height:3rem;border-width:4px}.spinner-text{font-size:.875rem;color:#6b7280;margin:0}.dark .spinner-text{color:#9ca3af}.spinner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;border-radius:inherit}.dark .spinner-overlay{background:#000c}.spinner-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:9998}.dark .spinner-fullscreen{background:#000000f2}.btn .spinner{display:inline-block;vertical-align:middle;margin-right:.5rem}.btn .spinner-circle{width:1rem;height:1rem;border-width:2px;border-top-color:currentColor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.emoji-picker-container{position:relative;display:inline-block}.emoji-picker-trigger{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--md-sys-color-outline-variant, #ccc);border-radius:8px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface-variant, #666);cursor:pointer;transition:all .2s ease;min-height:40px}.emoji-picker-trigger:hover{border-color:var(--md-sys-color-primary, #6366f1);background:var(--md-sys-color-surface-container-low, #f5f5f5)}.emoji-picker-trigger.has-emoji{background:var(--md-sys-color-secondary-container, #e8e8ff);border-color:var(--md-sys-color-secondary, #6366f1)}.emoji-display{font-size:1.5rem;line-height:1}.emoji-placeholder{font-size:.875rem}.emoji-clear-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px;border-radius:50%;color:var(--md-sys-color-on-surface-variant, #666);transition:all .2s ease}.emoji-clear-btn:hover{background:var(--md-sys-color-error-container, #ffebee);color:var(--md-sys-color-error, #d32f2f)}.emoji-clear-btn .material-symbols-outlined{font-size:16px}.emoji-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;min-width:280px;max-width:320px;background:var(--md-sys-color-surface, #fff);border:1px solid var(--md-sys-color-outline-variant, #ccc);border-radius:12px;box-shadow:0 4px 16px #00000026;overflow:hidden}.emoji-picker-header{padding:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #eee)}.emoji-search{width:100%;padding:8px 12px;border:1px solid var(--md-sys-color-outline-variant, #ccc);border-radius:8px;background:var(--md-sys-color-surface-container-low, #f5f5f5);font-size:.875rem;color:var(--md-sys-color-on-surface, #333)}.emoji-search:focus{outline:none;border-color:var(--md-sys-color-primary, #6366f1)}.emoji-categories{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #eee);overflow-x:auto}.emoji-category-btn{flex-shrink:0;padding:6px 8px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:1.1rem;transition:all .15s ease}.emoji-category-btn:hover{background:var(--md-sys-color-surface-container-highest, #e8e8e8)}.emoji-category-btn.active{background:var(--md-sys-color-secondary-container, #e8e8ff)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:8px;max-height:200px;overflow-y:auto}.emoji-item{display:flex;align-items:center;justify-content:center;padding:6px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:1.25rem;transition:all .15s ease}.emoji-item:hover{background:var(--md-sys-color-surface-container-highest, #e8e8e8);transform:scale(1.1)}[data-theme=dark] .emoji-picker-dropdown{background:var(--md-sys-color-surface-container, #1e1e1e);border-color:var(--md-sys-color-outline-variant, #444)}[data-theme=dark] .emoji-search{background:var(--md-sys-color-surface-container-low, #2d2d2d);color:var(--md-sys-color-on-surface, #fff);border-color:var(--md-sys-color-outline-variant, #444)}[data-theme=dark] .emoji-category-btn:hover,[data-theme=dark] .emoji-item:hover{background:var(--md-sys-color-surface-container-highest, #3d3d3d)}.task-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.task-detail-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.dark .task-detail-content{background-color:#1e1e1e;border:1px solid #333}.task-detail-loading{padding:3rem;text-align:center;color:#666}.dark .task-detail-loading{color:#aaa}.task-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;border-bottom:1px solid #e5e5e5}.dark .task-detail-header{border-bottom-color:#333}.task-detail-header-left{flex:1;min-width:0}.task-detail-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.dark .task-detail-title{color:#f5f5f5}.task-title-input{width:100%;font-size:1.5rem;font-weight:700;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#1a1a1a}.dark .task-title-input{border-color:#333;background-color:#2a2a2a;color:#f5f5f5}.task-detail-header-actions{display:flex;gap:.5rem;align-items:center}.task-detail-close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:transparent;color:#666;cursor:pointer;border-radius:6px;transition:all .2s}.dark .task-detail-close{color:#aaa}.task-detail-close:hover{background-color:#f3f4f6;color:#1e88e5}.dark .task-detail-close:hover{background-color:#2a2a2a}.task-detail-body{flex:1;overflow-y:auto;padding:1.5rem}.task-detail-grid{display:grid;grid-template-columns:1fr 300px;gap:1.5rem}.task-detail-main{display:flex;flex-direction:column;gap:1.5rem}.task-section{display:flex;flex-direction:column;gap:.75rem}.task-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1a1a1a;margin:0}.dark .task-section-title{color:#f5f5f5}.task-section-title .material-symbols-outlined{font-size:1.25rem;color:#1e88e5}.task-description{font-size:.875rem;line-height:1.6;color:#666;margin:0;white-space:pre-wrap}.dark .task-description{color:#aaa}.task-description-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;line-height:1.6;font-family:inherit;resize:vertical;background-color:#fff;color:#1a1a1a}.dark .task-description-input{border-color:#333;background-color:#2a2a2a;color:#f5f5f5}.task-empty{font-size:.875rem;color:#999;font-style:italic}.dark .task-empty{color:#666}.task-activity-timeline{display:flex;flex-direction:column;gap:.75rem}.activity-item-small{display:flex;gap:.75rem;position:relative}.activity-item-small:not(:last-child):after{content:"";position:absolute;left:.375rem;top:1.5rem;bottom:-.75rem;width:2px;background-color:#e5e5e5}.dark .activity-item-small:not(:last-child):after{background-color:#333}.activity-dot{width:.75rem;height:.75rem;border-radius:50%;background-color:#1e88e5;flex-shrink:0;margin-top:.25rem}.activity-content-small{flex:1;display:flex;flex-direction:column;gap:.25rem}.activity-text{font-size:.875rem;color:#1a1a1a}.dark .activity-text{color:#f5f5f5}.activity-time{font-size:.75rem;color:#999}.dark .activity-time{color:#666}.task-detail-sidebar{display:flex;flex-direction:column;gap:1rem}.task-sidebar-section{display:flex;flex-direction:column;gap:.5rem}.task-sidebar-label{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em}.dark .task-sidebar-label{color:#aaa}.task-sidebar-value{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#1a1a1a;padding:.5rem;background-color:#f9fafb;border-radius:6px}.dark .task-sidebar-value{color:#f5f5f5;background-color:#2a2a2a}.task-sidebar-value .material-symbols-outlined{font-size:1rem;color:#666}.dark .task-sidebar-value .material-symbols-outlined{color:#aaa}.task-sidebar-input,.task-sidebar-select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background-color:#fff;color:#1a1a1a}.dark .task-sidebar-input,.dark .task-sidebar-select{border-color:#333;background-color:#2a2a2a;color:#f5f5f5}.task-sidebar-input.readonly-field{background-color:#f3f4f6;color:#374151;border-color:#d1d5db;opacity:.85}.dark .task-sidebar-input.readonly-field{background-color:#374151;color:#e5e7eb;border-color:#4b5563}@media (max-width: 768px){.task-detail-grid{grid-template-columns:1fr}.task-detail-sidebar{order:-1}.task-detail-header{flex-direction:column;align-items:stretch}.task-detail-header-actions{justify-content:flex-end}}.form-group-header{display:flex;justify-content:space-between;align-items:center}.form-group-header .btn-icon{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#666;transition:all .2s}.dark .form-group-header .btn-icon{color:#aaa}.form-group-header .btn-icon:hover{background:#f3f4f6;color:#1e88e5}.dark .form-group-header .btn-icon:hover{background:#2a2a2a}.fullscreen-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem}.fullscreen-editor-container{background:#fff;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.dark .fullscreen-editor-container{background:#1e1e1e;border:1px solid #333}.fullscreen-editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e5e5;background:linear-gradient(135deg,#6554c1,#5643b8);color:#fff}.dark .fullscreen-editor-header{border-bottom-color:#333}.fullscreen-editor-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600}.fullscreen-editor-header .btn-icon{background:#ffffff1a;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#fff;transition:all .2s}.fullscreen-editor-header .btn-icon:hover{background:#fff3}.fullscreen-editor-body{flex:1;padding:1.5rem;overflow-y:auto}.fullscreen-editor-body .w-md-editor{height:100%!important;min-height:500px}.visibility-toggle{display:flex;gap:.5rem}.visibility-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#6b7280;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.dark .visibility-btn{border-color:#333;background-color:#2a2a2a;color:#9ca3af}.visibility-btn .material-symbols-outlined{font-size:16px}.visibility-btn:hover{border-color:#1e88e5;color:#1e88e5}.dark .visibility-btn:hover{border-color:#60a5fa;color:#60a5fa}.visibility-btn.active{background-color:#1e88e5;border-color:#1e88e5;color:#fff}.dark .visibility-btn.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.projects-list-page{width:100%;max-width:1400px;margin:0 auto}.projects-filters{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap}.projects-search{flex:1;min-width:300px;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.dark .projects-search{background-color:var(--surface-dark);border-color:var(--border-dark)}.projects-search .material-symbols-outlined{color:var(--text-secondary-light);font-size:1.25rem}.dark .projects-search .material-symbols-outlined{color:var(--text-secondary-dark)}.projects-search input{flex:1;border:none;background:transparent;font-size:.875rem;color:var(--text-primary-light);outline:none}.dark .projects-search input{color:var(--text-primary-dark)}.projects-filter-select{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:var(--surface-light);color:var(--text-primary-light);font-size:.875rem;cursor:pointer}.dark .projects-filter-select{background-color:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.project-name-link{color:var(--text-primary-light);text-decoration:none;font-weight:500;transition:color .2s}.project-name-link:hover{color:var(--primary);text-decoration:underline}.project-emoji{margin-right:8px;font-size:1.2em}.visibility-icon{font-size:16px;margin-right:6px;vertical-align:middle}.visibility-icon.private{color:#f59e0b}.dark .visibility-icon.private{color:#fbbf24}.btn-secondary{background-color:var(--surface-light);color:var(--text-primary-light);border:1px solid var(--border-light)}.btn-secondary:hover{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}.dark .btn-secondary:hover{background-color:#6554c133}.btn-outline{background-color:transparent;color:var(--text-secondary-light);border:1px solid var(--border-light)}.btn-outline:hover{background-color:var(--hover-light);border-color:var(--primary);color:var(--primary)}.dark .btn-outline:hover{background-color:var(--hover-dark)}.btn-warning{background-color:#fb8c00;color:#fff;border:none}.btn-warning:hover{background-color:#ef6c00}.btn:disabled{opacity:.7;cursor:not-allowed}.custom-field-row{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.custom-field-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:.8125rem;font-weight:500;color:var(--text-secondary-light)}.dark .custom-field-label{color:var(--text-secondary-dark)}.field-icon{font-size:1rem;color:var(--primary)}.custom-field-control{width:100%}.custom-field-input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary-light);background-color:var(--surface-light);transition:all var(--transition-fast)}.dark .custom-field-input{border-color:var(--border-dark);color:var(--text-primary-dark);background-color:var(--surface-dark)}.custom-field-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f11a}.custom-field-input:disabled{opacity:.6;cursor:not-allowed}.custom-field-input.number{max-width:120px}.currency-input-wrapper{display:flex;align-items:center;gap:var(--spacing-2)}.currency-symbol{font-size:.875rem;font-weight:600;color:#10b981}.custom-field-input.currency{max-width:150px}.custom-field-input.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.custom-field-input.date{max-width:180px}.url-input-wrapper{display:flex;align-items:center;gap:var(--spacing-2)}.url-icon{font-size:1rem;color:var(--text-tertiary-light)}.dark .url-icon{color:var(--text-tertiary-dark)}.custom-field-input.url{flex:1}.custom-field-input.error{border-color:#ef4444}.custom-field-input.error:focus{box-shadow:0 0 0 2px #ef44441a}.custom-fields-section{margin-top:var(--spacing-6);padding-top:var(--spacing-5);border-top:1px solid var(--border-light)}.dark .custom-fields-section{border-color:var(--border-dark)}.custom-fields-section.loading,.custom-fields-section.error{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4);color:var(--text-tertiary-light);font-size:.875rem}.dark .custom-fields-section.loading,.dark .custom-fields-section.error{color:var(--text-tertiary-dark)}.custom-fields-section.error{color:#ef4444}.custom-fields-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.custom-fields-header .material-symbols-outlined{font-size:1.25rem;color:var(--primary)}.custom-fields-header h4{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary-light)}.dark .custom-fields-header h4{color:var(--text-primary-dark)}.custom-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}@media (max-width: 600px){.custom-fields-grid{grid-template-columns:1fr}}.share-control{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.share-control.loading{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.share-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.share-header .material-symbols-outlined{color:var(--primary)}.share-header h4{margin:0;font-size:1rem;color:var(--text-new)}.share-enabled{display:flex;flex-direction:column;gap:12px}.share-url-container{display:flex;gap:8px}.share-url-input{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:monospace;font-size:.875rem}.copy-btn{padding:10px;min-width:44px}.share-hint{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary);margin:0}.share-hint .material-symbols-outlined{font-size:16px}.share-disabled{display:flex;flex-direction:column;gap:16px}.share-info{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.btn-danger{color:var(--error);border-color:var(--error)}.btn-danger:hover{background:var(--error);color:#fff}.module-config-dropdown{position:relative;display:inline-block}.module-config-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;color:#1f2937;cursor:pointer;transition:all .15s ease}.module-config-trigger:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.module-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:320px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -5px #00000026;z-index:1000;animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.module-dropdown-header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid #e5e7eb;font-weight:600;font-size:14px;color:#111827}.module-dropdown-header .material-symbols-outlined{font-size:20px;color:#1f2937}.module-dropdown-body{padding:8px}.module-checkbox{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s ease;color:#374151}.module-checkbox:hover{background:#f3f4f6}.module-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb;cursor:pointer}.module-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.module-checkbox-icon{font-size:20px;color:#1f2937}.module-checkbox-label{flex:1;font-size:14px;color:#374151}.module-dropdown-divider{height:1px;margin:8px 0;background:#e5e7eb}.module-dropdown-footer{padding:8px;background:#f9fafb;border-radius:0 0 12px 12px}.advanced-toggle{padding:12px;background:linear-gradient(135deg,#2563eb14,#2563eb05);border:1px solid rgba(37,99,235,.2);border-radius:8px}.advanced-toggle:hover{background:linear-gradient(135deg,#2563eb1f,#2563eb0a)}.advanced-toggle-content{display:flex;flex-direction:column;gap:2px}.advanced-toggle-content strong{font-size:14px;font-weight:600;color:#111827}.advanced-toggle-content small{font-size:12px;color:#1f2937}.module-dropdown-section{padding:8px 12px}.module-section-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.module-section-title .material-symbols-outlined{font-size:16px}.template-selector-compact{display:flex;flex-wrap:wrap;gap:6px}.template-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;color:#1f2937;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .15s ease}.template-btn:hover{background:#e5e7eb;border-color:#2563eb;color:#374151}.template-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.template-btn:disabled{opacity:.5;cursor:not-allowed}.template-btn .material-symbols-outlined{font-size:16px}[data-theme=dark] .module-config-trigger,.dark .module-config-trigger{background:#1f2937;border-color:#374151;color:#9ca3af}[data-theme=dark] .module-config-trigger:hover,.dark .module-config-trigger:hover{background:#374151;border-color:#111827;color:#f3f4f6}[data-theme=dark] .module-dropdown-menu,.dark .module-dropdown-menu{background:#1f2937;border-color:#374151;box-shadow:0 10px 25px -5px #0006}[data-theme=dark] .module-dropdown-header,.dark .module-dropdown-header{border-bottom-color:#374151;color:#f9fafb}[data-theme=dark] .module-dropdown-header .material-symbols-outlined,.dark .module-dropdown-header .material-symbols-outlined{color:#9ca3af}[data-theme=dark] .module-checkbox,.dark .module-checkbox{color:#e5e7eb}[data-theme=dark] .module-checkbox:hover,.dark .module-checkbox:hover{background:#374151}[data-theme=dark] .module-checkbox-icon,.dark .module-checkbox-icon{color:#9ca3af}[data-theme=dark] .module-checkbox-label,.dark .module-checkbox-label{color:#e5e7eb}[data-theme=dark] .module-dropdown-divider,.dark .module-dropdown-divider{background:#374151}[data-theme=dark] .module-dropdown-footer,.dark .module-dropdown-footer{background:#111827}[data-theme=dark] .advanced-toggle,.dark .advanced-toggle{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-color:#3b82f64d}[data-theme=dark] .advanced-toggle-content strong,.dark .advanced-toggle-content strong{color:#f9fafb}[data-theme=dark] .advanced-toggle-content small,.dark .advanced-toggle-content small,[data-theme=dark] .module-section-title,.dark .module-section-title{color:#9ca3af}[data-theme=dark] .template-btn,.dark .template-btn{background:#374151;border-color:#111827;color:#d1d5db}[data-theme=dark] .template-btn:hover,.dark .template-btn:hover{background:#111827;border-color:#60a5fa;color:#f9fafb}[data-theme=dark] .template-btn.active,.dark .template-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.overview-tab{display:flex;flex-direction:column;gap:var(--spacing-6)}.overview-loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-tertiary-light)}.dark .overview-loading{color:var(--text-tertiary-dark)}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-4)}.overview-details{display:flex;flex-direction:column;gap:var(--spacing-6)}.overview-section{background-color:var(--surface-light);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.dark .overview-section{background-color:var(--surface-dark);border:1px solid var(--border-dark)}.overview-section-title{font-size:1.125rem;font-weight:700;color:var(--text-primary-light);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-light)}.dark .overview-section-title{color:var(--text-primary-dark);border-bottom-color:var(--border-dark)}.overview-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.overview-info-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.overview-info-item-wide{grid-column:span 2}.overview-info-label{font-size:.75rem;font-weight:500;color:var(--text-secondary-light);text-transform:uppercase;letter-spacing:.05em}.dark .overview-info-label{color:var(--text-secondary-dark)}.overview-info-value{font-size:.875rem;font-weight:400;color:var(--text-primary-light);line-height:1.5}.dark .overview-info-value{color:var(--text-primary-dark)}.overview-progress{display:flex;flex-direction:column;gap:var(--spacing-3)}.progress-info{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:.875rem;font-weight:500;color:var(--text-primary-light)}.dark .progress-label{color:var(--text-primary-dark)}.progress-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.progress-stats{display:flex;justify-content:center}.progress-stat{font-size:.875rem;color:var(--text-secondary-light)}.dark .progress-stat{color:var(--text-secondary-dark)}@media (max-width: 768px){.overview-stats,.overview-info-grid{grid-template-columns:1fr}.overview-info-item-wide{grid-column:span 1}}.overview-loading{color:#111827}.overview-section{background-color:#fff;border:1px solid #e5e7eb}.overview-section-title{color:#111827;border-bottom-color:#e5e7eb}.overview-info-label,.overview-info-value,.progress-label,.progress-stat{color:#111827}[data-theme=dark] .overview-loading,.dark .overview-loading{color:#9ca3af}[data-theme=dark] .overview-section,.dark .overview-section{background-color:var(--surface-dark, #15171c);border-color:var(--border-dark, #2a2d33)}[data-theme=dark] .overview-section-title,.dark .overview-section-title{color:var(--text-primary-dark, #ffffff);border-bottom-color:var(--border-dark, #2a2d33)}[data-theme=dark] .overview-info-label,.dark .overview-info-label{color:var(--text-secondary-dark, #9dacb9)}[data-theme=dark] .overview-info-value,.dark .overview-info-value,[data-theme=dark] .progress-label,.dark .progress-label{color:var(--text-primary-dark, #ffffff)}[data-theme=dark] .progress-stat,.dark .progress-stat{color:var(--text-secondary-dark, #9dacb9)}.task-comments{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.task-comments.loading{min-height:200px;align-items:center;justify-content:center}.comments-loading{color:var(--text-secondary);font-size:.875rem}.comments-header h4{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.comments-header h4 .material-symbols-outlined{font-size:1.25rem;color:var(--color-primary)}.comments-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.comments-empty{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;color:var(--text-secondary)}.comments-empty .material-symbols-outlined{font-size:2.5rem;opacity:.5;margin-bottom:.5rem}.comments-empty p{margin:0;font-size:.875rem}.comment-item{display:flex;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:.5rem;transition:background .2s}.comment-item:hover{background:var(--bg-tertiary)}.comment-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--color-primary-light);display:flex;align-items:center;justify-content:center}.comment-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-size:.75rem;font-weight:600;color:var(--color-primary)}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.comment-author{font-weight:600;font-size:.875rem;color:var(--text-primary)}.comment-date{font-size:.75rem;color:var(--text-tertiary)}.comment-edited{font-size:.6875rem;color:var(--text-tertiary);font-style:italic}.comment-content{font-size:.875rem;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.comment-actions{display:flex;gap:.25rem;margin-top:.5rem;opacity:0;transition:opacity .2s}.comment-item:hover .comment-actions{opacity:1}.comment-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:.25rem;cursor:pointer;color:var(--text-tertiary);transition:all .2s}.comment-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.comment-action-btn.delete:hover{background:var(--color-error-light);color:var(--color-error)}.comment-action-btn .material-symbols-outlined{font-size:1rem}.comment-edit-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.comment-edit-form textarea{width:100%;padding:.5rem;font-size:.875rem;font-family:inherit;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);resize:vertical}.comment-edit-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.comment-edit-actions{display:flex;justify-content:flex-end;gap:.5rem}.comment-form{border-top:1px solid var(--border-color);padding-top:1rem}.comment-input-wrapper{display:flex;gap:.75rem;margin-bottom:.75rem}.comment-input-wrapper .comment-avatar{width:36px;height:36px}.comment-input-wrapper textarea{flex:1;padding:.75rem;font-size:.875rem;font-family:inherit;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-secondary);color:var(--text-primary);resize:none;transition:all .2s}.comment-input-wrapper textarea:focus{outline:none;border-color:var(--color-primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.comment-input-wrapper textarea::placeholder{color:var(--text-tertiary)}.comment-form-actions{display:flex;justify-content:flex-end}.comment-form-actions .btn{padding:.5rem 1rem;font-size:.875rem}.btn-sm{padding:.25rem .75rem;font-size:.8125rem}[data-theme=dark] .task-comments,.dark .task-comments,[data-theme=dark] .comments-header h4,.dark .comments-header h4{color:#f9fafb}[data-theme=dark] .comments-empty,.dark .comments-empty{color:#9ca3af}[data-theme=dark] .comment-item,.dark .comment-item{background:#ffffff08}[data-theme=dark] .comment-item:hover,.dark .comment-item:hover{background:#ffffff0f}[data-theme=dark] .comment-avatar,.dark .comment-avatar{background:#2563eb33}[data-theme=dark] .avatar-initials,.dark .avatar-initials{color:#60a5fa}[data-theme=dark] .comment-author,.dark .comment-author{color:#f9fafb}[data-theme=dark] .comment-date,.dark .comment-date{color:#9ca3af}[data-theme=dark] .comment-content,.dark .comment-content{color:#d1d5db}[data-theme=dark] .comment-input-wrapper textarea,.dark .comment-input-wrapper textarea{background:#374151;border:1px solid #4b5563;color:#f9fafb}[data-theme=dark] .comment-input-wrapper textarea:focus,.dark .comment-input-wrapper textarea:focus{background:#374151;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}[data-theme=dark] .comment-input-wrapper textarea::placeholder,.dark .comment-input-wrapper textarea::placeholder{color:#9ca3af}[data-theme=dark] .comment-form,.dark .comment-form{border-top-color:#374151}[data-theme=dark] .comment-edit-form textarea,.dark .comment-edit-form textarea{background:#374151;border:1px solid #4b5563;color:#f9fafb}[data-theme=dark] .comment-action-btn,.dark .comment-action-btn{color:#9ca3af}[data-theme=dark] .comment-action-btn:hover,.dark .comment-action-btn:hover{background:#ffffff1a;color:#f9fafb}.tasks-tab{display:flex;flex-direction:column;gap:var(--spacing-4)}.tasks-loading,.tasks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);min-height:300px;color:var(--text-tertiary-light)}.tasks-filter-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background-color:var(--surface-light);border-radius:var(--radius-xl)}.dark .tasks-filter-bar{background-color:var(--surface-dark);border:1px solid var(--border-dark)}.filter-buttons{display:flex;gap:var(--spacing-2)}.filter-btn{padding:var(--spacing-2) var(--spacing-4);background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary-light);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.dark .filter-btn{border-color:var(--border-dark);color:var(--text-secondary-dark)}.filter-btn:hover{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}.dark .filter-btn:hover{background-color:var(--primary-dark)}.filter-btn-active{background-color:var(--primary);border-color:var(--primary);color:#fff}.tasks-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.task-card{padding:var(--spacing-4);background-color:var(--surface-light);border-radius:var(--radius-xl);border:1px solid var(--border-light);transition:all var(--transition-fast)}.dark .task-card{background-color:var(--surface-dark);border-color:var(--border-dark)}.task-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.task-card-title{font-size:1rem;font-weight:600;color:var(--text-primary-light);margin:0;flex:1}.dark .task-card-title{color:var(--text-primary-dark)}.task-card-description{font-size:.875rem;color:var(--text-secondary-light);margin:0 0 var(--spacing-3) 0;line-height:1.5}.dark .task-card-description{color:var(--text-secondary-dark)}.task-card-footer{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.task-card-meta{display:flex;align-items:center;gap:var(--spacing-1);font-size:.75rem;color:var(--text-tertiary-light)}.dark .task-card-meta{color:var(--text-tertiary-dark)}.task-card-meta .material-symbols-outlined{font-size:1rem}@media (max-width: 640px){.filter-buttons{width:100%;flex-direction:column}.filter-btn{width:100%}}.gantt-dependency-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.dependency-line{pointer-events:stroke;transition:stroke-width .2s ease}.dependency-line:hover{stroke-width:3;cursor:pointer}.dependency-line-temp{opacity:.6}.dependency-dot{pointer-events:all;cursor:crosshair;opacity:0;transition:opacity .2s ease}.gantt-task-bar:hover+svg .dependency-dot,.dependency-dot:hover{opacity:1}.gantt-dependency-svg.creating{cursor:crosshair}.gantt-dependency-svg.creating .dependency-dot{opacity:1}:root{--gantt-bar-todo: linear-gradient(135deg, #94a3b8 0%, #cbd5e1 100%);--gantt-bar-progress: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);--gantt-bar-review: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--gantt-bar-done: linear-gradient(135deg, #10b981 0%, #34d399 100%);--gantt-bar-blocked: linear-gradient(135deg, #ef4444 0%, #f87171 100%);--gantt-bar-default: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);--gantt-milestone: #8b5cf6;--gantt-milestone-done: #10b981;--gantt-dep-fs: #3b82f6;--gantt-dep-ss: #10b981;--gantt-dep-ff: #f59e0b;--gantt-dep-sf: #8b5cf6;--gantt-bar-shadow: 0 2px 8px rgba(0, 0, 0, .15);--gantt-bar-shadow-hover: 0 4px 16px rgba(0, 0, 0, .25);--gantt-bar-shadow-drag: 0 8px 24px rgba(0, 0, 0, .35)}.gantt-tab{display:flex;flex-direction:column;height:calc(100vh - 300px);background:var(--background)}.gantt-tab-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--border-color);background:var(--surface)}.gantt-header-actions{display:flex;align-items:center;gap:var(--spacing-3)}.dark .gantt-tab-header{background:var(--surface-dark);border-bottom-color:var(--border-dark)}.gantt-view-toggle{display:flex;gap:0;background:var(--background-light);border-radius:var(--radius-lg);padding:4px}.dark .gantt-view-toggle{background:var(--surface-dark-elevated)}.gantt-view-btn{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.gantt-view-btn.active{background:#fff;color:var(--text-primary);box-shadow:0 0 4px #0000001a}.dark .gantt-view-btn.active{background:var(--background-dark);color:var(--text-primary-dark)}.gantt-grid{display:grid;flex:1;overflow:hidden}.gantt-sidebar{display:flex;flex-direction:column;background:var(--background-light);overflow-y:auto;border-right:1px solid var(--border-color)}.dark .gantt-sidebar{background:#0000001a;border-right-color:var(--border-dark)}.gantt-sidebar-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr 60px 100px 100px;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--background-light);border-bottom:1px solid var(--border-color);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.dark .gantt-sidebar-header{background:#00000026;border-bottom-color:var(--border-dark)}.gantt-sidebar-body{flex:1;overflow-y:auto;overflow-x:hidden;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 69px,var(--border-color) 69px,var(--border-color) 70px)}.dark .gantt-sidebar-body{background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 69px,var(--border-dark) 69px,var(--border-dark) 70px)}.gantt-phase-row{display:grid;grid-template-columns:1fr 60px 100px 100px;gap:var(--spacing-4);align-items:center;padding:var(--spacing-3) var(--spacing-4);background:var(--background-light);border-bottom:1px solid var(--border-color);font-weight:700;font-size:.875rem}.dark .gantt-phase-row{background:#ffffff08;border-bottom-color:var(--border-dark)}.gantt-task-row{display:grid;grid-template-columns:1fr 60px 100px 100px;gap:var(--spacing-4);align-items:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);height:70px}.dark .gantt-task-row{border-bottom-color:var(--border-dark)}.gantt-task-row:hover{background:var(--background-light)}.dark .gantt-task-row:hover{background:#ffffff05}.gantt-col-name{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-primary);text-align:left}.gantt-task-name{padding-left:var(--spacing-6);font-size:.875rem}.gantt-phase-indicator{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.gantt-col-progress{text-align:right;color:var(--text-secondary);font-size:.875rem}.gantt-col-date{color:var(--text-secondary);font-size:.875rem}.gantt-splitter{cursor:col-resize;background:var(--border-color);width:6px;transition:background .2s ease}.gantt-splitter:hover{background:var(--primary);opacity:.5}.dark .gantt-splitter{background:var(--border-dark)}.gantt-timeline-container{display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;background:var(--background)}.dark .gantt-timeline-container{background:var(--background-dark)}.gantt-timeline-header{position:sticky;top:0;z-index:10;display:grid;background:var(--background);border-bottom:1px solid var(--border-color)}.dark .gantt-timeline-header{background:var(--background-dark);border-bottom-color:var(--border-dark)}.gantt-timeline-col{text-align:center;padding:var(--spacing-3);border-right:1px solid var(--border-color)}.dark .gantt-timeline-col{border-right-color:var(--border-dark)}.gantt-timeline-col:last-child{border-right:none}.gantt-col-label{margin:0;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.gantt-col-sublabel{margin:var(--spacing-1) 0 0;font-size:.75rem;color:var(--text-tertiary)}.gantt-timeline-col.weekend{background:#00000008}.dark .gantt-timeline-col.weekend{background:#ffffff05}.gantt-timeline-col.today{background:#ef44441a;border-left:2px solid var(--error);border-right:2px solid var(--error)}.gantt-timeline-col.today .gantt-col-label{color:var(--error);font-weight:700}.gantt-timeline-col.header{background:var(--primary-light, rgba(99, 102, 241, .1))}.dark .gantt-timeline-col.header{background:#6366f126}.gantt-timeline-body{position:relative;min-height:400px;overflow-y:auto;overflow-x:hidden;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 69px,var(--border-color) 69px,var(--border-color) 70px)}.dark .gantt-timeline-body{background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 69px,var(--border-dark) 69px,var(--border-dark) 70px)}.gantt-grid-lines{position:absolute;top:0;left:0;right:0;bottom:0;display:grid;z-index:0}.gantt-grid-line{border-right:1px solid var(--border-color)}.dark .gantt-grid-line{border-right-color:var(--border-dark)}.gantt-today-line{position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ef4444,#dc2626,#ef4444);z-index:20;box-shadow:0 0 8px #ef444480,0 0 16px #ef44444d;animation:today-line-pulse 2s ease-in-out infinite}@keyframes today-line-pulse{0%,to{opacity:1}50%{opacity:.85}}.gantt-today-label{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #ef444466}.gantt-bars-container{position:relative;z-index:5}.gantt-bar{position:absolute;top:50%;transform:translateY(-50%);background:var(--gantt-bar-default);border-radius:6px;cursor:grab;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:var(--gantt-bar-shadow);border:1px solid rgba(255,255,255,.1)}.gantt-bar:hover{transform:translateY(-50%) scale(1.02);box-shadow:var(--gantt-bar-shadow-hover);z-index:10}.gantt-bar:active,.gantt-bar.dragging{cursor:grabbing;transform:translateY(-50%) scale(1.03);box-shadow:var(--gantt-bar-shadow-drag);z-index:100}.gantt-bar[data-status=todo],.gantt-bar[data-status="a fazer"],.gantt-bar[data-status=backlog]{background:var(--gantt-bar-todo)}.gantt-bar[data-status=in-progress],.gantt-bar[data-status="em andamento"],.gantt-bar[data-status=on-going]{background:var(--gantt-bar-progress)}.gantt-bar[data-status=review],.gantt-bar[data-status="em revisão"],.gantt-bar[data-status=aguardando]{background:var(--gantt-bar-review)}.gantt-bar[data-status=done],.gantt-bar[data-status=concluído],.gantt-bar[data-status=concluída]{background:var(--gantt-bar-done)}.gantt-bar[data-status=blocked],.gantt-bar[data-status=bloqueado],.gantt-bar[data-status=cancelled]{background:var(--gantt-bar-blocked)}.gantt-bar-progress,.gantt-bar-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#ffffff26,#ffffff40,#ffffff26);border-radius:6px 0 0 6px;pointer-events:none;transition:width .4s cubic-bezier(.4,0,.2,1)}.gantt-bar-label{color:#fff;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gantt-bar-resize-handle,.gantt-resize-handle{position:absolute;top:0;width:8px;height:100%;cursor:ew-resize;opacity:0;transition:all .2s ease;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%)}.gantt-bar:hover .gantt-bar-resize-handle,.gantt-bar:hover .gantt-resize-handle{opacity:1}.gantt-bar-resize-handle.left,.gantt-resize-left{left:0;border-radius:6px 0 0 6px}.gantt-bar-resize-handle.right,.gantt-resize-right{right:0;border-radius:0 6px 6px 0}.gantt-milestone{position:absolute;width:22px;height:22px;background:var(--gantt-milestone);transform:rotate(45deg);border-radius:3px;cursor:grab;box-shadow:var(--gantt-bar-shadow);border:2px solid rgba(255,255,255,.3);transition:all .25s cubic-bezier(.4,0,.2,1)}.gantt-milestone:hover{transform:rotate(45deg) scale(1.15);box-shadow:var(--gantt-bar-shadow-hover);z-index:10}.gantt-milestone.done,.gantt-milestone[data-complete=true]{background:var(--gantt-milestone-done)}.gantt-milestone.urgent{animation:milestone-pulse 1.5s ease-in-out infinite}@keyframes milestone-pulse{0%,to{box-shadow:var(--gantt-bar-shadow),0 0 #ef444466}50%{box-shadow:var(--gantt-bar-shadow),0 0 0 8px #ef444400}}.gantt-tab.gantt-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;background:var(--background);padding:0}.gantt-tab.gantt-fullscreen .gantt-grid{height:calc(100vh - 60px)}.dark .gantt-tab.gantt-fullscreen{background:var(--background-dark)}.gantt-fullscreen-btn{margin-left:auto;height:36px;padding:0 16px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all .2s}.gantt-fullscreen-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.dark .gantt-fullscreen-btn{background:var(--surface-dark-elevated);border-color:var(--border-dark)}.gantt-tab{background:#fff}.gantt-tab-header{background:#fff;border-bottom-color:#e5e7eb}.gantt-view-toggle{background:#f3f4f6}.gantt-view-btn{color:#111827}.gantt-view-btn.active{background:#fff;color:#111827}.gantt-sidebar{background:#f9fafb;border-right-color:#e5e7eb}.gantt-sidebar-header,.gantt-phase-row{background:#f3f4f6;border-bottom-color:#e5e7eb;color:#111827}.gantt-task-row{border-bottom-color:#e5e7eb;color:#111827}.gantt-task-row:hover{background:#f9fafb}.gantt-col-name,.gantt-col-progress,.gantt-col-date{color:#111827}.gantt-timeline-container{background:#fff}.gantt-timeline-header{background:#fff;border-bottom-color:#e5e7eb}.gantt-timeline-col{border-right-color:#e5e7eb}.gantt-col-label,.gantt-col-sublabel{color:#111827}.gantt-timeline-col.weekend{background:#f9fafb}.gantt-grid-line{border-right-color:#e5e7eb}.gantt-splitter{background:#e5e7eb}.gantt-fullscreen-btn{background:#fff;border-color:#e5e7eb;color:#111827}.gantt-fullscreen-btn:hover{background:#f3f4f6;color:#111827}[data-theme=dark] .gantt-tab,.dark .gantt-tab{background:var(--surface-dark, #15171c)}[data-theme=dark] .gantt-tab-header,.dark .gantt-tab-header{background:var(--surface-dark, #15171c);border-bottom-color:var(--border-dark, #2a2d33)}[data-theme=dark] .gantt-view-toggle,.dark .gantt-view-toggle{background:var(--surface-dark-elevated, #1e2024)}[data-theme=dark] .gantt-view-btn,.dark .gantt-view-btn{color:var(--text-secondary-dark, #9dacb9)}[data-theme=dark] .gantt-view-btn.active,.dark .gantt-view-btn.active{background:var(--surface-dark, #15171c);color:var(--text-primary-dark, #ffffff)}[data-theme=dark] .gantt-sidebar,.dark .gantt-sidebar{background:var(--bg-secondary, #1e2024);border-right-color:var(--border-dark, #2a2d33)}[data-theme=dark] .gantt-sidebar-header,.dark .gantt-sidebar-header{background:var(--surface-dark, #15171c);border-bottom-color:var(--border-dark, #2a2d33);color:var(--text-secondary-dark, #9dacb9)}[data-theme=dark] .gantt-phase-row,.dark .gantt-phase-row{background:var(--bg-secondary, #1e2024);border-bottom-color:var(--border-dark, #2a2d33);color:var(--text-primary-dark, #ffffff)}[data-theme=dark] .gantt-task-row,.dark .gantt-task-row{border-bottom-color:var(--border-dark, #2a2d33);color:var(--text-primary-dark, #ffffff)}[data-theme=dark] .gantt-task-row:hover,.dark .gantt-task-row:hover{background:var(--surface-dark-elevated, #1e2024)}[data-theme=dark] .gantt-col-name,.dark .gantt-col-name{color:var(--text-primary-dark, #ffffff)}[data-theme=dark] .gantt-col-progress,[data-theme=dark] .gantt-col-date,.dark .gantt-col-progress,.dark .gantt-col-date{color:var(--text-secondary-dark, #9dacb9)}[data-theme=dark] .gantt-timeline-container,.dark .gantt-timeline-container{background:var(--surface-dark, #15171c)}[data-theme=dark] .gantt-timeline-header,.dark .gantt-timeline-header{background:var(--surface-dark, #15171c);border-bottom-color:var(--border-dark, #2a2d33)}[data-theme=dark] .gantt-timeline-col,.dark .gantt-timeline-col{border-right-color:var(--border-dark, #2a2d33)}[data-theme=dark] .gantt-col-label,[data-theme=dark] .gantt-col-sublabel,.dark .gantt-col-label,.dark .gantt-col-sublabel{color:var(--text-secondary-dark, #9dacb9)}[data-theme=dark] .gantt-timeline-col.weekend,.dark .gantt-timeline-col.weekend{background:var(--bg-secondary, #1e2024)}[data-theme=dark] .gantt-grid-line,.dark .gantt-grid-line{border-right-color:var(--border-dark, #2a2d33)}[data-theme=dark] .gantt-splitter,.dark .gantt-splitter{background:var(--border-dark, #2a2d33)}[data-theme=dark] .gantt-fullscreen-btn,.dark .gantt-fullscreen-btn{background:var(--surface-dark-elevated, #1e2024);border-color:var(--border-dark, #2a2d33);color:var(--text-primary-dark, #ffffff)}[data-theme=dark] .gantt-fullscreen-btn:hover,.dark .gantt-fullscreen-btn:hover{background:var(--surface-dark, #15171c);color:var(--text-primary-dark, #ffffff)}.export-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.export-container{background:#fff;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;border-radius:8px;box-shadow:0 4px 20px #0000004d}.export-controls{display:flex;gap:1rem;justify-content:flex-end;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;position:sticky;top:0;z-index:10}.export-content{padding:2rem;background:#fff}.export-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #3b82f6}.export-title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 1rem}.export-meta{display:flex;gap:2rem;flex-wrap:wrap}.export-meta-item{font-size:.875rem;color:#6b7280}.export-meta-item strong{color:#374151;margin-right:.5rem}.export-section{margin-bottom:2rem}.export-section-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.export-description{line-height:1.6;color:#374151;margin-bottom:1rem}.export-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.export-detail-item{padding:.75rem;background:#f9fafb;border-radius:4px}.export-detail-item strong{display:block;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.export-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.export-stat-card{text-align:center;padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.export-stat-value{font-size:2rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem}.export-stat-label{font-size:.875rem;color:#6b7280}.export-status-group{margin-bottom:1.5rem}.export-status-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .75rem}.export-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.export-table thead{background:#f9fafb}.export-table th{padding:.75rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.export-table td{padding:.75rem;font-size:.875rem;color:#6b7280;border-bottom:1px solid #e5e7eb}.export-table tbody tr:hover{background:#f9fafb}.export-footer{margin-top:3rem;padding-top:1rem;border-top:1px solid #e5e7eb;text-align:center;color:#9ca3af;font-size:.75rem}.export-footer p{margin:.25rem 0}.export-documents{display:flex;flex-direction:column;gap:.75rem}.export-document-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:4px;border:1px solid #e5e7eb}.export-document-info{flex:1}.export-document-name{font-weight:500;color:#374151;margin-bottom:.25rem}.export-document-type{font-size:.75rem;color:#6b7280}@media print{body *{visibility:hidden}.export-content,.export-content *{visibility:visible}.export-overlay{position:static;background:none;padding:0}.export-container{position:static;max-width:none;max-height:none;overflow:visible;box-shadow:none;border-radius:0;margin:0;padding:0}.export-content{position:absolute;left:0;top:0;padding:0;margin:0;width:100%}.no-print{display:none!important}.export-overlay{position:static;background:#fff;padding:0}.export-container{max-width:none;max-height:none;overflow:visible;box-shadow:none;border-radius:0}.export-content{padding:0}.export-section{page-break-inside:avoid}.page-break-before{page-break-before:always}.export-table{page-break-inside:avoid}.export-table thead{display:table-header-group}.export-stat-card{page-break-inside:avoid}.export-title,.export-section-title,.export-status-title,.export-document-name{color:#000}.export-description,.export-detail-item,.export-table td,.export-document-type{color:#333}.export-stat-card,.export-detail-item,.export-table thead,.export-document-item{background:#fff;border:1px solid #ccc}@page{margin:1.5cm;size:A4}}@media screen{.dark .export-container{background:var(--surface-dark, #1e1e1e)}.dark .export-controls{background:var(--card-bg-dark, #2d2d2d);border-bottom-color:var(--border-dark, #3d3d3d)}.dark .export-content{background:var(--surface-dark, #1e1e1e);color:var(--text-primary-dark, #f3f4f6)}.dark .export-title,.dark .export-section-title,.dark .export-status-title{color:var(--text-primary-dark, #f3f4f6)}.dark .export-description,.dark .export-detail-item{color:var(--text-secondary-dark, #d1d5db)}.dark .export-meta-item{color:var(--text-tertiary-dark, #9ca3af)}.dark .export-meta-item strong{color:var(--text-secondary-dark, #d1d5db)}.dark .export-stat-card,.dark .export-detail-item{background:var(--card-bg-dark, #2d2d2d);border-color:var(--border-dark, #3d3d3d)}.dark .export-stat-label{color:var(--text-tertiary-dark, #9ca3af)}.dark .export-table thead{background:var(--card-bg-dark, #2d2d2d)}.dark .export-table th{color:var(--text-primary-dark, #f3f4f6);border-bottom-color:var(--border-dark, #3d3d3d)}.dark .export-table td{color:var(--text-secondary-dark, #d1d5db);border-bottom-color:var(--border-dark, #3d3d3d)}.dark .export-table tbody tr:hover{background:var(--card-bg-dark, #2d2d2d)}.dark .export-section-title{border-bottom-color:var(--border-dark, #3d3d3d)}.dark .export-header{border-bottom-color:var(--primary, #3b82f6)}.dark .export-footer{color:var(--text-tertiary-dark, #9ca3af);border-top-color:var(--border-dark, #3d3d3d)}.dark .export-document-item{background:var(--card-bg-dark, #2d2d2d);border-color:var(--border-dark, #3d3d3d)}.dark .export-document-name{color:var(--text-primary-dark, #f3f4f6)}.dark .export-document-type{color:var(--text-tertiary-dark, #9ca3af)}}.file-viewer-content{padding:16px;overflow-y:auto;max-height:70vh;width:100%;box-sizing:border-box;display:block;background-color:var(--background-light);border-radius:8px}.dark .file-viewer-content{background-color:var(--background-dark)}.markdown-document{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.7;color:var(--text-primary-light, #374151);width:100%}.dark .markdown-document{color:var(--text-primary-dark, #f3f4f6)}.markdown-document h1{font-size:2rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb;color:#111827}.dark .markdown-document h1{color:#f3f4f6;border-bottom-color:#3d3d3d}.markdown-document h2{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;color:#3b82f6}.markdown-document h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;color:#1f2937}.dark .markdown-document h3{color:#e5e7eb}.markdown-document h4,.markdown-document h5,.markdown-document h6{font-size:1rem;font-weight:600;margin:1.25rem 0 .5rem;color:#374151}.dark .markdown-document h4,.dark .markdown-document h5,.dark .markdown-document h6{color:#d1d5db}.markdown-document p{margin:0 0 1rem}.markdown-document ul,.markdown-document ol{margin:0 0 1rem;padding-left:2rem}.markdown-document li{margin-bottom:.5rem}.markdown-document a{color:#3b82f6;text-decoration:none}.markdown-document a:hover{text-decoration:underline}.markdown-document blockquote{margin:1rem 0;padding:1rem 1.5rem;border-left:4px solid #3b82f6;background:#f9fafb;border-radius:0 8px 8px 0;color:#6b7280}.dark .markdown-document blockquote{background:#2d2d2d;color:#d1d5db}.markdown-document blockquote p{margin:0}.markdown-document .inline-code{background:#f3f4f6;padding:.2rem .4rem;border-radius:4px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9em;color:#e11d48}.dark .markdown-document .inline-code{background:#ffffff1a;color:#fb7185}.markdown-document .code-block{background:#1e293b;color:#e2e8f0;padding:1rem 1.5rem;border-radius:8px;overflow-x:auto;margin:1rem 0;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5}.markdown-document table{width:100%;border-collapse:collapse;margin:1rem 0}.markdown-document th,.markdown-document td{padding:.75rem 1rem;border:1px solid #e5e7eb;text-align:left}.dark .markdown-document th,.dark .markdown-document td{border-color:#3d3d3d}.markdown-document th{background:#f9fafb;font-weight:600;color:#374151}.dark .markdown-document th{background:#2d2d2d;color:#f3f4f6}.markdown-document tr:nth-child(2n){background:#fafafa}.dark .markdown-document tr:nth-child(2n){background:#252525}.markdown-document hr{border:none;border-top:2px solid #e5e7eb;margin:2rem 0}.dark .markdown-document hr{border-top-color:#3d3d3d}.markdown-document img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.loading-state{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:3rem;color:#6b7280}.text-content{font-family:Fira Code,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary-light, #374151);background:#f9fafb;padding:1.5rem;border-radius:8px;overflow-x:auto}.dark .text-content{color:var(--text-primary-dark, #f3f4f6);background:#2d2d2d}.dark .export-container{background:#1e1e1e}.dark .export-controls{background:#2d2d2d;border-bottom-color:#3d3d3d}.dark .export-content{background:#1e1e1e}.dark .export-title{color:#f3f4f6}.dark .export-meta-item{color:#9ca3af}.dark .export-meta-item strong{color:#d1d5db}.dark .export-section-title{color:#f3f4f6;border-bottom-color:#3d3d3d}.dark .export-header{border-bottom-color:#3b82f6}.dark .export-footer{border-top-color:#3d3d3d;color:#6b7280}.documents-tab{min-height:400px}.documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.documents-header h3{margin:0;font-size:1rem;font-weight:600}.documents-actions{display:flex;align-items:center;gap:var(--spacing-3)}.documents-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);min-height:300px;padding:var(--spacing-8);text-align:center;background:var(--surface-light);border-radius:var(--radius-lg);border:2px dashed var(--border-light)}.dark .documents-empty{background:var(--surface-dark);border-color:var(--border-dark)}.documents-empty .material-symbols-outlined{font-size:4rem;color:var(--text-tertiary-light);opacity:.5}.dark .documents-empty .material-symbols-outlined{color:var(--text-tertiary-dark)}.documents-empty h3{margin:0;color:var(--text-primary-light)}.dark .documents-empty h3{color:var(--text-primary-dark)}.documents-empty p{color:var(--text-secondary-light);margin:0}.dark .documents-empty p{color:var(--text-secondary-dark)}.documents-hint{font-style:italic;opacity:.8}.dark .destination-option:hover{background:var(--primary-dark)}.dark .destination-option.active{background:var(--primary-dark)}.source-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.source-badge.source-obsidian{background:var(--primary-light);color:var(--primary)}.dark .source-badge.source-obsidian{background:#6554c133;color:var(--primary)}.source-badge.source-google-drive{background:#4285f41a;color:#4285f4}.dark .source-badge.source-google-drive{background:#4285f433;color:#79a8f4}.path-text{font-size:.8rem;color:var(--text-secondary-light);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .path-text{color:var(--text-secondary-dark)}.documents-tab .input-field,.documents-tab select.input-field{background:var(--surface-light);color:var(--text-primary-light);border:1px solid var(--border-light);padding:var(--spacing-3);border-radius:var(--radius-md);font-size:.875rem;width:100%}.dark .documents-tab .input-field,.dark .documents-tab select.input-field{background:var(--surface-dark);color:var(--text-primary-dark);border-color:var(--border-dark)}.documents-tab select,.documents-tab select.input-field{background-color:#fff!important;color:#1a1a2e!important;-webkit-appearance:menulist!important;-moz-appearance:menulist!important;appearance:menulist!important}.dark .documents-tab select,.dark .documents-tab select.input-field{background-color:#2d2d3d!important;color:#f0f0f0!important}.documents-tab select option{background-color:#fff!important;color:#1a1a2e!important;padding:8px!important}.dark .documents-tab select option{background-color:#2d2d3d!important;color:#f0f0f0!important}.fullscreen-editor-container{width:100%;max-width:1400px;height:calc(100vh - 40px);background:var(--bg-primary-light, #ffffff);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.activity-tab{min-height:400px}.activity-loading,.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);min-height:400px;color:var(--text-tertiary-light)}.dark .activity-loading,.dark .activity-empty{color:var(--text-tertiary-dark)}.activity-empty .material-symbols-outlined{font-size:3rem;opacity:.5}.activity-timeline{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4)}.activity-item{display:flex;gap:var(--spacing-4);position:relative}.activity-item:not(:last-child):after{content:"";position:absolute;left:1.25rem;top:3rem;bottom:-1rem;width:2px;background-color:var(--border-light)}.dark .activity-item:not(:last-child):after{background-color:var(--border-dark)}.activity-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.activity-icon .material-symbols-outlined{font-size:1.25rem;color:#fff}.activity-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--surface-light);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.dark .activity-content{background-color:var(--surface-dark);border-color:var(--border-dark)}.activity-header{display:flex;gap:var(--spacing-2);align-items:center}.activity-user{font-size:.875rem;font-weight:600;color:var(--text-primary-light)}.dark .activity-user{color:var(--text-primary-dark)}.activity-action{font-size:.875rem;color:var(--text-secondary-light)}.dark .activity-action{color:var(--text-secondary-dark)}.activity-changes{font-size:.75rem;font-family:monospace;color:var(--text-secondary-light);background-color:var(--background-light);padding:var(--spacing-2);border-radius:var(--radius-md);overflow-x:auto}.dark .activity-changes{color:var(--text-secondary-dark);background-color:var(--border-dark)}.activity-timestamp{font-size:.75rem;color:var(--text-tertiary-light)}.dark .activity-timestamp{color:var(--text-tertiary-dark)}.reports-tab{padding:var(--spacing-4) 0}.tab-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-6)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4)}.report-card{background-color:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-4);cursor:pointer;transition:all .2s ease}.dark .report-card{background-color:var(--surface-dark);border-color:var(--border-dark)}.report-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.report-icon{width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center}.dark .report-icon{background-color:#2563eb33}.report-info{flex:1}.report-info h4{margin:0 0 var(--spacing-1) 0;font-size:1rem;color:var(--text-primary-light)}.dark .report-info h4{color:var(--text-primary-dark)}.report-date{font-size:.875rem;color:var(--text-tertiary-light)}.dark .report-date{color:var(--text-tertiary-dark)}.delete-btn{opacity:0;transition:opacity .2s ease;color:var(--danger)}.report-card:hover .delete-btn{opacity:1}.report-viewer{padding:var(--spacing-4);max-height:70vh;overflow-y:auto}.report-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-primary-light);z-index:9999;display:flex;flex-direction:column;overflow:hidden}.dark .report-viewer-overlay{background-color:var(--bg-primary-dark, #0f0f1a)}.report-viewer-container{display:flex;flex-direction:column;height:100%;width:100%}.report-viewer-controls{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);background:linear-gradient(135deg,var(--primary),#4338ca);color:#fff;flex-shrink:0}.report-viewer-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:1.25rem;font-weight:600}.report-viewer-actions{display:flex;gap:var(--spacing-3)}.report-viewer-controls .btn{display:flex;align-items:center;gap:var(--spacing-2)}.report-viewer-controls .btn-secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.report-viewer-controls .btn-secondary:hover{background:#ffffff40}.report-viewer-controls .btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.report-viewer-controls .btn-outline:hover{background:#ffffff26}.report-viewer-controls .btn-primary{background:#fff;color:var(--primary)}.report-viewer-controls .btn-primary:hover{background:#ffffffe6}.report-viewer-content{flex:1;overflow-y:auto;padding:var(--spacing-8);max-width:900px;margin:0 auto;width:100%}.report-viewer-content .markdown-body{background:var(--surface-light);padding:var(--spacing-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.dark .report-viewer-content .markdown-body{background:var(--surface-dark)}@media print{.no-print{display:none!important}.report-viewer-overlay{position:static;background:#fff}.report-viewer-content{padding:0;max-width:100%}.report-viewer-content .markdown-body{box-shadow:none;border-radius:0}}.calendar-view{padding:var(--spacing-4)}.calendar-filters{display:flex;gap:var(--spacing-4);align-items:flex-end;margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.filter-group{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.filter-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.dark .filter-group label{color:var(--text-primary-dark)}.filter-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-size:.875rem}.dark .filter-select{background:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.filter-select[multiple]{min-height:80px}.calendar-container{padding:var(--spacing-4)}.calendar-loading{padding:var(--spacing-6);text-align:center;color:var(--text-secondary)}.fc{--fc-border-color: var(--border-color);--fc-button-bg-color: var(--primary);--fc-button-border-color: var(--primary);--fc-button-hover-bg-color: #0f6fc9;--fc-button-hover-border-color: #0f6fc9;--fc-button-active-bg-color: #0d5ba8;--fc-button-active-border-color: #0d5ba8;--fc-page-bg-color: var(--surface);--fc-neutral-bg-color: var(--surface-hover);--fc-neutral-text-color: var(--text-primary);--fc-event-bg-color: var(--primary);--fc-event-border-color: var(--primary);--fc-today-bg-color: rgba(19, 135, 236, .1)}.dark .fc{--fc-border-color: var(--border-dark);--fc-page-bg-color: var(--surface-dark);--fc-neutral-bg-color: var(--surface-dark-elevated);--fc-neutral-text-color: var(--text-primary-dark);--fc-today-bg-color: rgba(19, 135, 236, .15)}.fc .fc-button{text-transform:capitalize;font-weight:500;font-size:.875rem;padding:.5em .75em}.fc .fc-toolbar-title{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.dark .fc .fc-toolbar-title{color:var(--text-primary-dark)}.fc .fc-col-header-cell{padding:var(--spacing-2);font-weight:600;font-size:.875rem;text-transform:uppercase;color:var(--text-secondary)}.dark .fc .fc-col-header-cell{color:var(--text-secondary-dark)}.fc .fc-daygrid-day-number{padding:var(--spacing-2);font-weight:500}.fc .fc-daygrid-day.fc-day-today{background-color:var(--fc-today-bg-color)!important}.fc .fc-event{cursor:pointer;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.fc .fc-event:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.fc .fc-event-time{font-weight:600;font-size:.7rem}.fc .fc-event-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc .fc-daygrid-day-events{min-height:2.5em;padding:2px}.fc .fc-daygrid-event{margin-bottom:2px}.fc .fc-daygrid-day-frame{min-height:100px}.fc .fc-list-event:hover{background-color:var(--surface-hover)}.dark .fc .fc-list-event:hover{background-color:#ffffff0d}.fc .fc-list-day-cushion{background-color:var(--surface-hover)}.dark .fc .fc-list-day-cushion{background-color:var(--surface-dark-elevated)}.fc .fc-more-link{color:var(--primary);font-weight:600}.fc .fc-more-link:hover{text-decoration:underline}.dark .fc .fc-scrollgrid,.dark .fc th,.dark .fc td{border-color:var(--border-dark)}.dark .fc .fc-daygrid-day-frame{background-color:var(--surface-dark)}.dark .fc .fc-daygrid-day.fc-day-other{opacity:.5}@media (max-width: 768px){.calendar-filters{flex-direction:column;align-items:stretch}.fc .fc-toolbar{flex-direction:column;gap:var(--spacing-2)}.fc .fc-toolbar-chunk{display:flex;justify-content:center}.fc .fc-toolbar-title{font-size:1.25rem}}.task-selector{position:relative;width:100%}.task-selector.disabled{opacity:.6;pointer-events:none}.task-selector-input{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.dark .task-selector-input{background:#1a1a2e;border-color:#3d3d5c}.task-selector-input:hover{border-color:var(--primary)}.task-selector-value{flex:1;font-size:.9375rem;color:var(--text-primary-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .task-selector-value{color:#e4e4e7}.task-selector-value.placeholder{color:var(--text-secondary-light)}.dark .task-selector-value.placeholder{color:var(--text-secondary-dark)}.task-selector-arrow{color:var(--text-secondary-light);font-size:1.25rem;margin-left:var(--spacing-2)}.dark .task-selector-arrow{color:var(--text-secondary-dark)}.task-selector-dropdown{position:absolute;left:0;top:100%;width:100%;min-width:380px;margin-top:var(--spacing-2);background:#fff;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;border:1px solid var(--border-light);z-index:9999;max-height:400px;display:flex;flex-direction:column;overflow:hidden}.dark .task-selector-dropdown{background:#1e1e1e;border-color:#3d3d5c}.task-selector-search{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border-bottom:1px solid var(--border-light)}.dark .task-selector-search{border-bottom-color:#3d3d5c}.task-selector-search .material-icons{color:var(--text-secondary-light);font-size:1.25rem}.dark .task-selector-search .material-icons{color:var(--text-secondary-dark)}.task-selector-search input{flex:1;border:none;background:transparent;font-size:.9375rem;color:var(--text-primary-light);outline:none}.dark .task-selector-search input{color:#e4e4e7}.task-selector-search input::placeholder{color:var(--text-secondary-light)}.dark .task-selector-search input::placeholder{color:var(--text-secondary-dark)}.task-selector-list{flex:1;overflow-y:auto;padding:var(--spacing-2)}.task-selector-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-6);color:var(--text-secondary-light)}.dark .task-selector-empty{color:var(--text-secondary-dark)}.task-selector-empty .material-icons{font-size:2rem;opacity:.5}.task-selector-group{margin-bottom:var(--spacing-2)}.task-selector-group-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:.75rem;font-weight:600;color:var(--text-secondary-light);text-transform:uppercase;letter-spacing:.05em}.dark .task-selector-group-header{color:var(--text-secondary-dark)}.task-selector-group-header .material-icons{font-size:1rem;color:var(--primary)}.task-count{background:var(--border-light);padding:2px 6px;border-radius:var(--radius-sm);font-size:.6875rem}.dark .task-count{background:#3d3d5c}.task-selector-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.task-selector-item:hover{background:var(--primary-light)}.dark .task-selector-item:hover{background:#3b82f626}.task-selector-item.selected{background:var(--primary-light)}.dark .task-selector-item.selected{background:#3b82f633}.task-item-checkbox{flex-shrink:0;margin-top:2px}.task-item-checkbox .material-icons{font-size:1.25rem;color:var(--text-secondary-light)}.dark .task-item-checkbox .material-icons{color:var(--text-secondary-dark)}.task-selector-item.selected .task-item-checkbox .material-icons{color:var(--primary)}.task-item-content{flex:1;min-width:0}.task-item-name{font-size:.9375rem;font-weight:500;color:var(--text-primary-light);margin-bottom:var(--spacing-1);line-height:1.3}.dark .task-item-name{color:#e4e4e7}.task-item-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-3);font-size:.75rem;color:var(--text-secondary-light)}.dark .task-item-meta{color:var(--text-secondary-dark)}.task-item-responsible,.task-item-dates{display:flex;align-items:center;gap:4px}.task-item-responsible .material-icons,.task-item-dates .material-icons{font-size:.875rem}.task-selector-list::-webkit-scrollbar{width:6px}.task-selector-list::-webkit-scrollbar-track{background:transparent}.task-selector-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.dark .task-selector-list::-webkit-scrollbar-thumb{background:#3d3d5c}.timesheet-page{padding:var(--spacing-6);max-width:1200px;margin:0 auto}.timesheet-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary-light)}.dark .timesheet-loading{color:var(--text-secondary-dark)}.timesheet-loading .spinning{font-size:3rem;animation:spin 1s linear infinite}.timesheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.timesheet-header h1{display:flex;align-items:center;gap:var(--spacing-3);font-size:1.5rem;font-weight:600;color:var(--text-primary-light);margin:0}.dark .timesheet-header h1{color:var(--text-primary-dark)}.timesheet-header h1 .material-icons{color:var(--primary)}.header-actions{display:flex;gap:var(--spacing-2)}.header-actions button{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-secondary{background:var(--surface-light);border:1px solid var(--border-light);color:var(--text-secondary-light)}.dark .btn-secondary{background:var(--surface-dark);border-color:var(--border-dark);color:var(--text-secondary-dark)}.btn-secondary:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.timer-section{background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-5);margin-bottom:var(--spacing-6)}.dark .timer-section{background:var(--surface-dark);border-color:var(--border-dark)}.start-timer{display:flex;gap:var(--spacing-4);align-items:center;flex-wrap:wrap}.timer-inputs{display:flex;flex:1;gap:var(--spacing-3);flex-wrap:wrap;min-width:300px}.description-input{flex:2;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.9375rem;background:var(--bg-primary);color:var(--text-primary-light);transition:all var(--transition-fast)}.dark .description-input{background:var(--bg-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.description-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.project-select,.task-select{flex:1;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary-light);cursor:pointer}.task-selector-wrapper{flex:1.5;min-width:200px}.dark .project-select,.dark .task-select{background:#1a1a2e;border-color:#3d3d5c;color:#e4e4e7}.project-select option,.task-select option{background:#fff;color:#18181b}.dark .project-select option,.dark .task-select option{background:#1a1a2e;color:#e4e4e7}.project-select:focus,.task-select:focus{outline:none;border-color:var(--primary)}.btn-start{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-6);background:linear-gradient(135deg,var(--success),#059669);border:none;border-radius:var(--radius-md);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;white-space:nowrap}.btn-start:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.active-timer{display:flex;align-items:center;gap:var(--spacing-6);background:linear-gradient(135deg,#10b9811a,#0596690d);border-radius:var(--radius-lg);padding:var(--spacing-4) var(--spacing-5)}.timer-display{display:flex;align-items:center;gap:var(--spacing-2)}.timer-icon{color:var(--success);font-size:1.5rem}.timer-icon.pulsing{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.timer-time{font-size:1.75rem;font-weight:700;font-family:Roboto Mono,monospace;color:#059669}.timer-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.timer-description{font-weight:500;color:var(--text-primary-light)}.dark .timer-description{color:var(--text-primary-dark)}.timer-project{font-size:.8125rem;color:var(--text-secondary-light)}.dark .timer-project{color:var(--text-secondary-dark)}.btn-stop{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-6);background:linear-gradient(135deg,var(--error),#dc2626);border:none;border-radius:var(--radius-md);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-stop:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.summary-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--surface-light);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.dark .summary-section{background:var(--surface-dark);border-color:var(--border-dark)}.date-range-selector{display:flex;gap:var(--spacing-1);background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--spacing-1);border:1px solid var(--border-light)}.dark .date-range-selector{background:var(--bg-dark);border-color:var(--border-dark)}.date-range-selector button{padding:var(--spacing-2) var(--spacing-4);border:none;background:transparent;border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-secondary-light);cursor:pointer;transition:all var(--transition-fast)}.dark .date-range-selector button{color:var(--text-secondary-dark)}.date-range-selector button:hover{color:var(--text-primary-light)}.dark .date-range-selector button:hover{color:var(--text-primary-dark)}.date-range-selector button.active{background:var(--primary);color:#fff}.custom-date-range{display:flex;align-items:center;gap:var(--spacing-2);margin-left:var(--spacing-4);padding-left:var(--spacing-4);border-left:1px solid var(--border-light)}.dark .custom-date-range{border-left-color:var(--border-dark)}.date-input{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary-light)}.dark .date-input{background:#1a1a2e;border-color:#3d3d5c;color:#e4e4e7}.date-input:focus{outline:none;border-color:var(--primary)}.date-separator{font-size:.875rem;color:var(--text-secondary-light)}.dark .date-separator{color:var(--text-secondary-dark)}.summary-stats{display:flex;gap:var(--spacing-8)}.stat{text-align:center}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.75rem;color:var(--text-secondary-light);text-transform:uppercase;letter-spacing:.05em}.dark .stat-label{color:var(--text-secondary-dark)}.breakdown-section{margin-bottom:var(--spacing-6)}.breakdown-section h3,.entries-section h3{font-size:.875rem;font-weight:600;color:var(--text-secondary-light);margin:0 0 var(--spacing-3) 0;text-transform:uppercase;letter-spacing:.05em}.dark .breakdown-section h3,.dark .entries-section h3{color:var(--text-secondary-dark)}.entries-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.entries-header h3{margin:0;display:flex;align-items:center;gap:var(--spacing-2)}.filter-badge{font-size:.75rem;background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.project-filter-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;background:var(--surface-light);color:var(--text-primary-light);min-width:200px;cursor:pointer}.dark .project-filter-select{background:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.project-filter-select:focus{outline:none;border-color:var(--primary)}.breakdown-bars{display:flex;flex-direction:column;gap:var(--spacing-2)}.breakdown-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.breakdown-label{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--text-primary-light)}.dark .breakdown-label{color:var(--text-primary-dark)}.breakdown-bar{height:8px;background:var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.dark .breakdown-bar{background:var(--border-dark)}.breakdown-fill{height:100%;border-radius:var(--radius-sm);transition:width .3s ease}.no-entries{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-12);color:var(--text-secondary-light)}.dark .no-entries{color:var(--text-secondary-dark)}.no-entries .material-icons{font-size:3rem;margin-bottom:var(--spacing-2);opacity:.5}.day-group{margin-bottom:var(--spacing-4)}.day-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-2)}.dark .day-header{border-bottom-color:var(--border-dark)}.day-date{font-weight:600;color:var(--text-primary-light);text-transform:capitalize}.dark .day-date{color:var(--text-primary-dark)}.day-total{font-weight:600;color:var(--primary)}.entries-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.entry-item{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast)}.dark .entry-item{background:var(--surface-dark);border-color:var(--border-dark)}.entry-item:hover{box-shadow:var(--shadow-sm)}.entry-time{display:flex;align-items:center;gap:var(--spacing-1);font-size:.8125rem;color:var(--text-secondary-light);min-width:120px;font-family:Roboto Mono,monospace}.dark .entry-time{color:var(--text-secondary-dark)}.time-separator{opacity:.5}.entry-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.entry-description{font-weight:500;color:var(--text-primary-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .entry-description{color:var(--text-primary-dark)}.entry-project,.entry-task{font-size:.75rem;color:var(--text-secondary-light)}.dark .entry-project,.dark .entry-task{color:var(--text-secondary-dark)}.entry-project{background:var(--primary-light);padding:2px var(--spacing-2);border-radius:var(--radius-sm);display:inline-block;width:fit-content;color:var(--primary)}.entry-duration{font-weight:600;color:var(--text-primary-light);min-width:60px;text-align:right}.dark .entry-duration{color:var(--text-primary-dark)}.entry-actions{display:flex;gap:var(--spacing-1)}.entry-actions button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary-light);transition:all var(--transition-fast)}.dark .entry-actions button{color:var(--text-secondary-dark)}.entry-actions button:hover{background:var(--primary-light);color:var(--primary)}.entry-actions button:last-child:hover{background:#ef44441a;color:var(--error)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timesheet-modal-content{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--border-light)}.dark .timesheet-modal-content{background:#1e1e1e;border-color:var(--border-dark)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--border-light)}.dark .modal-header{border-bottom-color:var(--border-dark)}.modal-header h2{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary-light)}.modal-header-title{display:flex;align-items:center;gap:var(--spacing-2)}.modal-header-title .material-icons{color:var(--primary);font-size:1.25rem}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary-light)}.dark .modal-close{color:var(--text-secondary-dark)}.modal-close:hover{background:var(--primary-light)}.modal-body{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{font-size:.8125rem;font-weight:500;color:var(--text-secondary-light)}.dark .form-group label{color:var(--text-secondary-dark)}.form-group input,.form-group select{padding:var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.9375rem;background:var(--bg-primary);color:var(--text-primary-light)}.dark .form-group input,.dark .form-group select{background:#2d2d2d;border-color:var(--border-dark);color:var(--text-primary-dark)}.form-group select option{background:#fff;color:var(--text-primary-light)}.dark .form-group select option{background:#2d2d2d;color:var(--text-primary-dark)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);border-top:1px solid var(--border-light)}.dark .modal-footer{border-top-color:var(--border-dark)}@media (max-width: 768px){.timesheet-page{padding:var(--spacing-4)}.timer-inputs,.start-timer{flex-direction:column}.btn-start,.btn-stop{width:100%;justify-content:center}.summary-section{flex-direction:column;gap:var(--spacing-4)}.entry-item{flex-wrap:wrap}.entry-time{width:100%}.entry-info{width:calc(100% - 120px)}.form-row{grid-template-columns:1fr}}.timesheet-modal.fab-quick-start{min-width:420px;max-width:500px;position:relative}.timesheet-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media (max-width: 768px){.timesheet-modal.fab-quick-start{min-width:300px;max-width:calc(100vw - 32px)}.timesheet-modal .form-row{grid-template-columns:1fr}}.timesheet-fab-container{position:fixed;top:80px;right:var(--spacing-6);z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-3)}.timesheet-fab{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #dc262666;transition:all var(--transition-fast)}.timesheet-fab:hover{transform:scale(1.1);box-shadow:0 6px 24px #dc262680}.timesheet-fab.active{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 16px #16a34a66;animation:pulse-fab 2s infinite}@keyframes pulse-fab{0%,to{box-shadow:0 4px 16px #16a34a66}50%{box-shadow:0 4px 24px #16a34ab3}}.timesheet-fab .material-symbols-outlined{font-size:1.5rem}.fab-quick-start{background:var(--surface-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:380px;max-width:420px;border:1px solid var(--border-light);overflow:hidden}.dark .fab-quick-start{background:#1e1e1e;border-color:var(--border-dark)}.fab-quick-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-5);background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-weight:600;font-size:1rem}.fab-quick-header .material-symbols-outlined:first-child{font-size:1.25rem}.fab-close-btn{margin-left:auto;background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.fab-close-btn:hover{opacity:1;background:#ffffff1a}.fab-form-body{padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4)}.fab-form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.fab-form-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary-light);text-transform:uppercase;letter-spacing:.5px}.dark .fab-form-group label{color:var(--text-secondary-dark)}.fab-select,.fab-input{width:100%;padding:var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.9375rem;background:var(--bg-primary);color:var(--text-primary-light);transition:border-color .2s,box-shadow .2s}.dark .fab-select,.dark .fab-input{background:#2d2d2d;border-color:var(--border-dark);color:var(--text-primary-dark)}.fab-select:focus,.fab-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.fab-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.fab-select option{background:var(--bg-primary);color:var(--text-primary-light)}.dark .fab-select option{background:#2d2d2d;color:var(--text-primary-dark)}.fab-form-footer{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--border-light);background:var(--bg-tertiary)}.dark .fab-form-footer{border-top-color:var(--border-dark);background:#252525}.fab-form-footer .btn-cancel{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-light);background:transparent;color:var(--text-secondary-light);cursor:pointer;font-size:.875rem;border-radius:var(--radius-md);transition:all .2s}.dark .fab-form-footer .btn-cancel{border-color:var(--border-dark);color:var(--text-secondary-dark)}.fab-form-footer .btn-cancel:hover{background:var(--bg-hover)}.fab-form-footer .btn-start{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.fab-form-footer .btn-start:hover{transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.fab-form-footer .btn-start .material-symbols-outlined{font-size:1.125rem}.fab-timer-display{display:flex;align-items:center;gap:var(--spacing-3);background:linear-gradient(135deg,#16a34a26,#15803d1a);border:1px solid rgba(22,163,74,.3);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);box-shadow:var(--shadow-md)}.fab-timer-info{display:flex;flex-direction:column;gap:2px}.fab-timer-time{font-size:1.125rem;font-weight:700;color:#16a34a;font-family:Roboto Mono,monospace}.fab-timer-desc{font-size:.75rem;color:var(--text-secondary-light);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .fab-timer-desc{color:var(--text-secondary-dark)}.fab-timer-display .btn-stop{width:36px;height:36px;border-radius:50%;border:none;background:#dc2626;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.fab-timer-display .btn-stop:hover{transform:scale(1.1);box-shadow:0 4px 12px #dc262666}.fab-timer-display .btn-stop .material-symbols-outlined{font-size:1.25rem}.fab-form-group .task-selector{width:100%}.fab-form-group .task-selector-input{padding:var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);min-height:44px}.dark .fab-form-group .task-selector-input{background:#2d2d2d;border-color:var(--border-dark)}.fab-form-group .task-selector-dropdown{max-height:300px}@media (max-width: 768px){.timesheet-fab-container{top:auto;bottom:var(--spacing-4);right:var(--spacing-4)}.fab-quick-start{min-width:300px;max-width:calc(100vw - 32px)}}.task-card-kanban{background-color:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-3);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.dark .task-card-kanban{background-color:var(--surface-dark);border-color:var(--border-dark)}.task-card-kanban:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.task-card-dragging{opacity:.5;transform:rotate(2deg)}.task-card-header-kanban{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.task-card-title-kanban{font-size:.875rem;font-weight:600;color:var(--text-primary-light);margin:0;flex:1;line-height:1.4}.dark .task-card-title-kanban{color:var(--text-primary-dark)}.task-card-description-kanban{font-size:.75rem;color:var(--text-secondary-light);margin:0 0 var(--spacing-3) 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .task-card-description-kanban{color:var(--text-secondary-dark)}.task-card-footer-kanban{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.task-card-meta-kanban{display:flex;align-items:center;gap:var(--spacing-1);font-size:.75rem;color:var(--text-tertiary-light)}.dark .task-card-meta-kanban{color:var(--text-tertiary-dark)}.task-card-meta-kanban .material-symbols-outlined{font-size:.875rem}.task-card-compact .task-card-title-row{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.task-id-badge{display:inline-flex;align-items:center;padding:2px 6px;background-color:var(--primary);color:#fff;font-size:.625rem;font-weight:700;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.task-card-custom-field{display:flex;align-items:center;gap:var(--spacing-1);font-size:.75rem;color:var(--text-secondary-light)}.dark .task-card-custom-field{color:var(--text-secondary-dark)}.task-card-custom-field .material-symbols-outlined{font-size:.875rem}.task-card-custom-field.story-points{background-color:var(--primary-light, rgba(99, 102, 241, .1));padding:2px 6px;border-radius:var(--radius-sm);color:var(--primary);font-weight:600}.dark .task-card-custom-field.story-points{background-color:#6366f133}.task-card-gallery{padding:0;overflow:hidden}.task-card-cover{height:80px;background-color:var(--bg-light);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-light)}.dark .task-card-cover{background-color:var(--bg-dark);border-color:var(--border-dark)}.task-card-cover-preview{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--primary)}.task-card-cover-preview .material-symbols-outlined{font-size:1.5rem}.cover-label{font-size:.625rem;font-weight:600;text-transform:uppercase}.task-card-cover-placeholder{color:var(--text-tertiary-light)}.dark .task-card-cover-placeholder{color:var(--text-tertiary-dark)}.task-card-cover-placeholder .material-symbols-outlined{font-size:2rem}.task-card-gallery .task-card-content{padding:var(--spacing-3)}.task-card-gallery .task-card-header-kanban{margin-bottom:var(--spacing-2)}.task-card-channel{display:flex;align-items:center;gap:var(--spacing-1);font-size:.75rem;color:var(--text-secondary-light)}.dark .task-card-channel{color:var(--text-secondary-dark)}.channel-emoji{font-size:.875rem}.task-card-deal .task-card-deal-value{margin:var(--spacing-2) 0 var(--spacing-3) 0;text-align:center}.task-card-deal .deal-amount{font-size:1.25rem;font-weight:700;color:#10b981;letter-spacing:-.5px}.dark .task-card-deal .deal-amount{color:#34d399}.task-card-probability{display:flex;align-items:center;gap:var(--spacing-1);font-size:.75rem;font-weight:600}.task-card-probability .material-symbols-outlined{font-size:.875rem}.kanban-column{display:flex;flex-direction:column;background-color:var(--background-light);border-radius:var(--radius-xl);min-width:300px;max-width:350px;height:fit-content;max-height:calc(100vh - 300px)}.dark .kanban-column{background-color:var(--surface-dark);border:1px solid var(--border-dark)}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:2px solid var(--border-light)}.dark .kanban-column-header{border-bottom-color:var(--border-dark)}.kanban-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;border:1px solid;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.kanban-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kanban-status-label{white-space:nowrap}.kanban-column-count{display:flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 var(--spacing-2);background-color:var(--primary-light);color:var(--primary);font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.dark .kanban-column-count{background-color:var(--primary-dark)}.kanban-column-meta{display:flex;align-items:center;gap:var(--spacing-2)}.kanban-column-aggregation{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm)}.kanban-column-aggregation.currency{background-color:#10b9811a;color:#10b981}.kanban-column-aggregation.points{background-color:#6366f11a;color:var(--primary)}.dark .kanban-column-aggregation.currency{background-color:#10b98133}.dark .kanban-column-aggregation.points{background-color:#6366f133}.kanban-column-content{flex:1;padding:var(--spacing-4);overflow-y:auto;min-height:200px;transition:background-color var(--transition-fast)}.kanban-column-drag-over{background-color:var(--primary-light)}.dark .kanban-column-drag-over{background-color:var(--primary-dark)}.kanban-column-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:200px;color:var(--text-tertiary-light)}.dark .kanban-column-empty{color:var(--text-tertiary-dark)}.kanban-column-empty .material-symbols-outlined{font-size:2rem;opacity:.5}.kanban-column-empty p{font-size:.875rem;margin:0}.kanban-column-content::-webkit-scrollbar{width:6px}.kanban-column-content::-webkit-scrollbar-track{background:transparent}.kanban-column-content::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}.dark .kanban-column-content::-webkit-scrollbar-thumb{background:var(--border-dark)}.kanban-column-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary-light)}.dark .kanban-column-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary-dark)}.kanban-view{width:100%;max-width:100%;margin:0 auto;padding:var(--spacing-4);padding-bottom:var(--spacing-6)}.kanban-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-tertiary-light)}.dark .kanban-loading{color:var(--text-tertiary-dark)}.kanban-filters{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap}.kanban-filter-select{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:var(--surface-light);color:var(--text-primary-light);font-size:.875rem;cursor:pointer}.dark .kanban-filter-select{background-color:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.kanban-board{display:flex;gap:var(--spacing-4);overflow-x:auto;padding-bottom:var(--spacing-4);min-height:500px}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-track{background:var(--background-light);border-radius:var(--radius-full)}.dark .kanban-board::-webkit-scrollbar-track{background:var(--surface-dark)}.kanban-board::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}.dark .kanban-board::-webkit-scrollbar-thumb{background:var(--border-dark)}.kanban-board::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary-light)}.dark .kanban-board::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary-dark)}@media (max-width: 1024px){.kanban-board{gap:var(--spacing-3)}}@media (max-width: 768px){.kanban-filters{flex-direction:column}.kanban-filter-select{width:100%}}.kanban-tab{display:flex;flex-direction:column;height:100%;min-height:500px}.kanban-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-light)}.dark .kanban-tab-header{border-color:var(--border-dark)}.kanban-stats{font-size:.875rem;color:var(--text-secondary-light)}.dark .kanban-stats{color:var(--text-secondary-dark)}.kanban-tab-board{display:flex;gap:var(--spacing-4);flex:1;overflow-x:auto;padding-bottom:var(--spacing-4)}.kanban-tab-board::-webkit-scrollbar{height:8px}.kanban-tab-board::-webkit-scrollbar-track{background:var(--background-light);border-radius:4px}.dark .kanban-tab-board::-webkit-scrollbar-track{background:var(--surface-dark)}.kanban-tab-board::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.dark .kanban-tab-board::-webkit-scrollbar-thumb{background:var(--border-dark)}.kanban-tab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--text-secondary-light)}.dark .kanban-tab-loading{color:var(--text-secondary-dark)}.kanban-tab-loading .spinning{font-size:2rem;animation:spin 1s linear infinite;margin-bottom:var(--spacing-3)}.members-tab{padding:0}.members-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.members-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;color:var(--text-primary)}.members-count{font-size:.875rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .75rem;border-radius:1rem}.add-member-form{display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;flex-wrap:wrap}.member-select{flex:1;min-width:200px;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.role-select{width:150px;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.members-list{display:flex;flex-direction:column;gap:.75rem}.member-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;transition:background .2s}.member-card:hover{background:var(--bg-tertiary)}.member-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;font-weight:600;font-size:1rem}.member-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.member-name{font-weight:500;color:var(--text-primary)}.member-email{font-size:.875rem;color:var(--text-secondary)}.member-role{width:140px}.role-select-inline{width:100%;padding:.375rem .5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);font-size:.8125rem}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.role-admin{background:#ef444426;color:#ef4444}.role-member{background:#3b82f626;color:#3b82f6}.role-viewer{background:#6b728026;color:#6b7280}.btn-remove{color:var(--text-secondary);transition:color .2s}.btn-remove:hover{color:#ef4444}.members-empty{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.members-empty .material-symbols-outlined{font-size:3rem;opacity:.5;margin-bottom:1rem}.members-empty p{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary)}.empty-hint{font-size:.875rem}.members-tab-loading{padding:2rem;text-align:center;color:var(--text-secondary)}.member-auto{opacity:.85;border-left:3px solid var(--primary-color, #6366f1)}.auto-badge{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;padding:.125rem .5rem;font-size:.7rem;font-weight:500;background:#6366f126;color:#6366f1;border-radius:.75rem;text-transform:uppercase}.auto-badge .material-symbols-outlined{font-size:.875rem}.member-name{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.member-participant{opacity:.7;border-left-color:#f59e0b}.participant-badge{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;padding:.125rem .5rem;font-size:.7rem;font-weight:500;background:#f59e0b26;color:#f59e0b;border-radius:.75rem;text-transform:uppercase}.participant-badge .material-symbols-outlined{font-size:.875rem}.avatar-participant{background:#f59e0b33;color:#f59e0b}.project-detail{width:100%;max-width:1400px;margin:0 auto}.project-detail-loading,.project-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary-light)}.dark .project-detail-loading,.dark .project-detail-error{color:var(--text-secondary-dark)}.loading-spinner{font-size:1.125rem}.project-actions{display:flex;gap:var(--spacing-3)}.project-info-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-6);padding:var(--spacing-6);background-color:var(--surface-light);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm)}.dark .project-info-bar{background-color:var(--surface-dark);border:1px solid var(--border-dark)}.project-info-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.project-info-label{font-size:.75rem;font-weight:500;color:var(--text-secondary-light);text-transform:uppercase;letter-spacing:.05em}.dark .project-info-label{color:var(--text-secondary-dark)}.project-info-value{font-size:.875rem;font-weight:600;color:var(--text-primary-light)}.dark .project-info-value{color:var(--text-primary-dark)}.share-panel-container{margin-bottom:var(--spacing-6);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.project-tabs{display:flex;gap:var(--spacing-2);padding:var(--spacing-2);background-color:var(--surface-light);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);overflow-x:auto}.dark .project-tabs{background-color:var(--surface-dark);border:1px solid var(--border-dark)}.project-tab{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary-light);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.dark .project-tab{color:var(--text-secondary-dark)}.project-tab:hover{background-color:var(--primary-light);color:var(--primary)}.dark .project-tab:hover{background-color:var(--primary-dark)}.project-tab-active{background-color:var(--primary);color:#fff}.dark .project-tab-active{background-color:var(--primary)}.project-tab .material-symbols-outlined{font-size:1.25rem}.project-tab-content{min-height:400px}@media (max-width: 768px){.project-actions{width:100%;flex-direction:column}.project-actions button{width:100%}.project-info-bar{flex-direction:column;gap:var(--spacing-4)}.project-tabs{overflow-x:scroll;-webkit-overflow-scrolling:touch}}.project-detail-loading,.project-detail-error{color:#1f2937}.project-info-bar{background-color:#fff;border:1px solid #e5e7eb}.project-info-label{color:#1f2937}.project-info-value{color:#111827}.project-tabs{background-color:#f9fafb;border:1px solid #e5e7eb}.project-tab{color:#111827}.project-tab:hover{background-color:#f3f4f6;color:#111827}.project-tab-active{background-color:#2563eb;color:#fff}[data-theme=dark] .project-detail-loading,[data-theme=dark] .project-detail-error,.dark .project-detail-loading,.dark .project-detail-error{color:#9ca3af}[data-theme=dark] .project-info-bar,.dark .project-info-bar{background-color:var(--surface-dark, #15171c);border-color:var(--border-dark, #2a2d33)}[data-theme=dark] .project-info-label,.dark .project-info-label{color:var(--text-secondary-dark, #9dacb9)}[data-theme=dark] .project-info-value,.dark .project-info-value{color:var(--text-primary-dark, #ffffff)}[data-theme=dark] .project-tabs,.dark .project-tabs{background-color:var(--surface-dark, #15171c);border-color:var(--border-dark, #2a2d33)}[data-theme=dark] .project-tab,.dark .project-tab{color:var(--text-secondary-dark, #9dacb9)}[data-theme=dark] .project-tab:hover,.dark .project-tab:hover{background-color:var(--surface-dark-elevated, #1e2024);color:var(--text-primary-dark, #ffffff)}[data-theme=dark] .project-tab-active,.dark .project-tab-active{background-color:#2563eb;color:#fff}.visibility-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.visibility-badge .material-symbols-outlined{font-size:16px}.visibility-badge.public{background-color:#dcfce7;color:#166534}.visibility-badge.private{background-color:#fef3c7;color:#92400e}.dark .visibility-badge.public,[data-theme=dark] .visibility-badge.public{background-color:#22c55e33;color:#4ade80}.dark .visibility-badge.private,[data-theme=dark] .visibility-badge.private{background-color:#f59e0b33;color:#fbbf24}.tasks-list-enhanced{width:100%;max-width:1400px;margin:0 auto}.tasks-filters{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6);flex-wrap:wrap}.tasks-search{flex:1;min-width:250px;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.dark .tasks-search{background-color:var(--surface-dark);border-color:var(--border-dark)}.tasks-search .material-symbols-outlined{color:var(--text-secondary-light);font-size:1.25rem}.dark .tasks-search .material-symbols-outlined{color:var(--text-secondary-dark)}.tasks-search input{flex:1;border:none;background:transparent;font-size:.875rem;color:var(--text-primary-light);outline:none}.dark .tasks-search input{color:var(--text-primary-dark)}.tasks-filter-select,.tasks-filter-date{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:var(--surface-light);color:var(--text-primary-light);font-size:.875rem;cursor:pointer;min-width:150px}.dark .tasks-filter-select,.dark .tasks-filter-date{background-color:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.tasks-filter-date{cursor:text}.tasks-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background-color .2s}.tasks-table th.sortable:hover{background-color:var(--primary-light)}.dark .tasks-table th.sortable:hover{background-color:var(--primary-dark)}.sort-indicator{margin-left:4px;font-size:.75rem;opacity:.7}.tasks-bulk-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background-color:var(--primary-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.dark .tasks-bulk-actions{background-color:var(--primary-dark)}.bulk-actions-count{font-size:.875rem;font-weight:600;color:var(--primary)}.bulk-actions-buttons{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.tasks-table-container{background-color:var(--surface-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.dark .tasks-table-container{background-color:var(--surface-dark);border:1px solid var(--border-dark)}.tasks-loading,.tasks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);min-height:400px;color:var(--text-tertiary-light)}.dark .tasks-loading,.dark .tasks-empty{color:var(--text-tertiary-dark)}.tasks-empty .material-symbols-outlined{font-size:3rem;opacity:.5}.tasks-table{width:100%;border-collapse:collapse}.tasks-table thead{background-color:var(--background-light);border-bottom:2px solid var(--border-light)}.dark .tasks-table thead{background-color:var(--border-dark);border-bottom-color:var(--border-dark-subtle)}.tasks-table th{padding:var(--spacing-4);text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary-light);text-transform:uppercase;letter-spacing:.05em}.dark .tasks-table th{color:var(--text-secondary-dark)}.tasks-table-checkbox{width:40px;text-align:center}.tasks-table-actions{width:80px;text-align:center}.tasks-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.dark .tasks-table tbody tr{border-bottom-color:var(--border-dark)}.tasks-table tbody tr:hover{background-color:var(--background-light)}.dark .tasks-table tbody tr:hover{background-color:var(--surface-dark-elevated)}.task-row-selected{background-color:var(--primary-light)!important}.dark .task-row-selected{background-color:var(--primary-dark)!important}.tasks-table td{padding:var(--spacing-4);font-size:.875rem;color:var(--text-primary-light)}.dark .tasks-table td{color:var(--text-primary-dark)}.task-title-cell{max-width:300px}.task-title-button{background:none;border:none;color:var(--primary);font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;padding:0;transition:opacity var(--transition-fast)}.task-title-button:hover{opacity:.8;text-decoration:underline}.task-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:var(--text-secondary-light);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.dark .task-action-btn{color:var(--text-secondary-dark)}.task-action-btn:hover{background-color:var(--primary-light);color:var(--primary)}.dark .task-action-btn:hover{background-color:var(--primary-dark)}.task-action-btn .material-symbols-outlined{font-size:1.125rem}@media (max-width: 1024px){.tasks-table{font-size:.8125rem}.tasks-table th,.tasks-table td{padding:var(--spacing-3)}}@media (max-width: 768px){.tasks-filters{flex-direction:column}.tasks-search{min-width:100%}.tasks-filter-select,.tasks-filter-date{width:100%}}.task-group{margin-bottom:var(--spacing-4)}.task-group-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--surface-hover);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s;font-weight:600;color:var(--text-primary);border-left:4px solid var(--primary-color)}.task-group-header:hover{background:var(--surface)}.group-icon{font-size:20px;color:var(--text-secondary);transition:transform .2s}.group-title{flex:1;font-size:15px}.group-count{font-size:13px;color:var(--text-secondary);font-weight:500;background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-sm)}.tasks-table-grouped{display:flex;flex-direction:column;gap:var(--spacing-3)}.tasks-table-grouped .tasks-table{margin:0;border-radius:0 0 var(--radius-md) var(--radius-md)}.tasks-table-grouped .task-group:first-child .tasks-table{border-radius:var(--radius-md)}.tasks-list-enhanced .btn-outline{background:transparent;color:var(--text-primary-light);border:1px solid var(--border-light);padding:8px 16px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;font-size:.875rem}.dark .tasks-list-enhanced .btn-outline{color:var(--text-primary-dark);border-color:var(--border-dark)}.tasks-list-enhanced .btn-outline:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.dark .tasks-list-enhanced .btn-outline:hover{background:#6554c133}.tasks-list-enhanced .btn-secondary{background:var(--surface-light);color:var(--text-primary-light);border:1px solid var(--border-light)}.dark .tasks-list-enhanced .btn-secondary{background:var(--surface-dark);color:var(--text-primary-dark);border-color:var(--border-dark)}.tasks-list-enhanced .btn-secondary:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.dark .tasks-list-enhanced .btn-secondary:hover{background:#6554c133}.tasks-list-enhanced .btn-warning{background:var(--status-warning);color:#1a1a2e;border:1px solid var(--status-warning)}.tasks-list-enhanced .btn-warning:hover{opacity:.9}.tasks-list-enhanced .status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.tasks-list-enhanced .status-success{background-color:var(--status-success-bg-light);color:var(--status-success)}.dark .tasks-list-enhanced .status-success{background-color:var(--status-success-bg-dark)}.tasks-list-enhanced .status-warning{background-color:var(--status-warning-bg-light);color:var(--status-warning)}.dark .tasks-list-enhanced .status-warning{background-color:var(--status-warning-bg-dark)}.tasks-list-enhanced .status-error{background-color:var(--status-error-bg-light);color:var(--status-error)}.dark .tasks-list-enhanced .status-error{background-color:var(--status-error-bg-dark)}.tasks-list-enhanced .status-purple{background-color:var(--primary-light);color:var(--primary)}.dark .tasks-list-enhanced .status-purple{background-color:#6554c133}.tasks-list-enhanced .status-gray{background-color:#e0e0e0;color:#666}.dark .tasks-list-enhanced .status-gray{background-color:#444;color:#aaa}.tasks-list-enhanced .status-info{background-color:#e3f2fd;color:#1976d2}.dark .tasks-list-enhanced .status-info{background-color:#1976d233}.documents-list-page{width:100%;max-width:1400px;margin:0 auto}.documents-actions{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.documents-actions .btn{display:flex;align-items:center;gap:var(--spacing-2)}.documents-filters{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap}.documents-search{flex:1;min-width:300px;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.dark .documents-search{background-color:var(--surface-dark);border-color:var(--border-dark)}.documents-search .material-symbols-outlined{color:var(--text-secondary-light);font-size:1.25rem}.dark .documents-search .material-symbols-outlined{color:var(--text-secondary-dark)}.documents-search input{flex:1;border:none;background:transparent;font-size:.875rem;color:var(--text-primary-light);outline:none}.dark .documents-search input{color:var(--text-primary-dark)}.documents-filter-select{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:var(--surface-light);color:var(--text-primary-light);font-size:.875rem;cursor:pointer}.dark .documents-filter-select{background-color:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.project-name-link{color:var(--text-primary-light);font-weight:500}.dark .project-name-link{color:var(--text-primary-dark)}.project-name-link-button{background:none;border:none;color:var(--text-primary-light);font-weight:500;cursor:pointer;padding:0;text-align:left;transition:color .2s;font-size:inherit;font-family:inherit}.dark .project-name-link-button{color:var(--text-primary-dark)}.project-name-link-button:hover{color:var(--primary);text-decoration:underline}.error-banner{background-color:var(--status-error-bg-light);color:var(--status-error);padding:var(--spacing-3);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.dark .error-banner{background-color:var(--status-error-bg-dark)}.loading-state{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-secondary-light);font-size:1rem}.dark .loading-state{color:var(--text-secondary-dark)}.btn-icon{background:none;border:none;cursor:pointer;color:var(--text-secondary-light);padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.dark .btn-icon{color:var(--text-secondary-dark)}.btn-icon:hover{background-color:var(--primary-light);color:var(--primary)}.dark .btn-icon:hover{background-color:var(--primary-dark)}.btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary-bg);color:var(--text-primary-light);border:1px solid var(--border-light)}.dark .btn-secondary{background-color:var(--surface-dark);color:var(--text-primary-dark);border-color:var(--border-dark)}.btn-secondary:hover{background-color:var(--hover-bg)}.file-count-badges{display:flex;align-items:center;gap:8px}.file-count-total{font-weight:600;font-size:.9rem;min-width:20px}.file-count-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:500}.file-count-badge .material-symbols-outlined{font-size:12px}.file-count-badge.obsidian{background-color:#e8e0f0;color:#6b4c9a}.dark .file-count-badge.obsidian{background-color:#3d3560;color:#c4b5dc}.file-count-badge.googledrive{background-color:#e3f2fd;color:#1976d2}.dark .file-count-badge.googledrive{background-color:#1e3a5f;color:#90caf9}.btn-outline{background:transparent;color:var(--text-secondary-light);border:1px solid var(--border-light)}.create-document-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.create-document-form textarea{resize:vertical;min-height:120px}.create-document-form .input-field,.create-document-form select.input-field{background:var(--surface-light);color:var(--text-primary-light);border:1px solid var(--border-light);padding:var(--spacing-3);border-radius:var(--radius-md);font-size:.875rem;width:100%}.dark .create-document-form .input-field,.dark .create-document-form select.input-field{background:var(--surface-dark);color:var(--text-primary-dark);border-color:var(--border-dark)}.create-document-form select,.create-document-form select.input-field{background-color:#fff!important;color:#1a1a2e!important;-webkit-appearance:menulist!important;-moz-appearance:menulist!important;appearance:menulist!important}.dark .create-document-form select,.dark .create-document-form select.input-field{background-color:#2d2d3d!important;color:#f0f0f0!important}.create-document-form select option{background-color:#fff!important;color:#1a1a2e!important;padding:8px!important}.dark .create-document-form select option{background-color:#2d2d3d!important;color:#f0f0f0!important}.destination-selector{display:flex;gap:var(--spacing-3)}.destination-option{flex:1;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--surface-light);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.dark .destination-option{background:var(--surface-dark);border-color:var(--border-dark)}.destination-option:hover{border-color:var(--primary);background:var(--primary-light)}.dark .destination-option:hover{background:#6554c126}.destination-option.active{border-color:var(--primary);background:var(--primary-light)}.dark .destination-option.active{background:#6554c133}.destination-option .material-symbols-outlined{font-size:2rem;color:var(--primary)}.destination-option div{display:flex;flex-direction:column}.destination-option strong{font-size:.9rem;color:var(--text-primary-light)}.dark .destination-option strong{color:var(--text-primary-dark)}.destination-option small{font-size:.75rem;color:var(--text-secondary-light)}.dark .destination-option small{color:var(--text-secondary-dark)}.status-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-md);font-size:.875rem}.status-message.success{background:var(--status-success-bg-light);color:var(--status-success)}.dark .status-message.success{background:var(--status-success-bg-dark)}.status-message.error{background:var(--status-error-bg-light);color:var(--status-error)}.dark .status-message.error{background:var(--status-error-bg-dark)}.status-message .material-symbols-outlined{font-size:18px}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-2)}.helper-text{font-size:.75rem;color:var(--text-tertiary-light);margin-top:var(--spacing-1)}.form-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}.form-group-header label{margin:0}.fullscreen-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.fullscreen-editor-container{width:100%;max-width:1400px;height:calc(100vh - 40px);background:var(--bg-primary-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.dark .fullscreen-editor-container{background:var(--bg-primary-dark, #1a1a2e)}.fullscreen-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-light);background:var(--surface-light)}.dark .fullscreen-editor-header{background:var(--surface-dark);border-bottom-color:var(--border-dark)}.fullscreen-editor-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary-light)}.dark .fullscreen-editor-header h3{color:var(--text-primary-dark)}.fullscreen-editor-body{flex:1;overflow:hidden;padding:var(--spacing-4)}.fullscreen-editor-body .markdown-editor-container{height:100%}.fullscreen-editor-body .w-md-editor{height:100%!important}.btn.syncing{opacity:.8;cursor:wait}.sync-badge{display:inline-flex;align-items:center;gap:4px;margin-left:12px;padding:2px 8px;background:var(--primary-light);color:var(--primary);border-radius:12px;font-size:.7rem}.dark .sync-badge{background:#6554c133}.sync-badge .material-symbols-outlined{font-size:12px}.md-editor-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.md-editor-modal{width:100%;height:100%;max-width:1400px;max-height:95vh;background:var(--bg-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl)}.dark .md-editor-modal{background:#1a1a2e}.md-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.dark .md-editor-header{background:#12121f;border-bottom-color:#3d3d5c}.md-editor-header-left{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.md-editor-header-left .material-icons{font-size:1.5rem;color:var(--primary)}.md-editor-filename{flex:1;max-width:400px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;font-weight:500;background:var(--bg-primary);color:var(--text-primary-light)}.dark .md-editor-filename{background:#1a1a2e;border-color:#3d3d5c;color:#e4e4e7}.md-editor-filename:focus{outline:none;border-color:var(--primary)}.md-editor-header-right{display:flex;align-items:center;gap:var(--spacing-3)}.md-editor-type-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary-light);cursor:pointer}.dark .md-editor-type-select{background:#1a1a2e;border-color:#3d3d5c;color:#e4e4e7}.md-editor-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.md-editor-body>div{flex:1;height:100%!important}.md-editor-body .w-md-editor{height:100%!important}.md-editor-body .w-md-editor-content{height:calc(100% - 29px)!important}.md-editor-body .w-md-editor-text-input,.md-editor-body .w-md-editor-text-pre,.md-editor-body .w-md-editor-preview{min-height:100%!important}.dark .md-editor-body .w-md-editor{--color-canvas-default: #1a1a2e !important;--color-border-default: #3d3d5c !important;--color-fg-default: #e4e4e7 !important}.md-editor-header .btn{padding:var(--spacing-2) var(--spacing-4);font-size:.875rem}.md-editor-header .btn-primary{background:linear-gradient(135deg,var(--primary),#2563eb)}@media (max-width: 768px){.md-editor-modal-overlay{padding:0}.md-editor-modal{max-height:100vh;border-radius:0}.md-editor-header{flex-wrap:wrap;gap:var(--spacing-2)}.md-editor-header-left{width:100%}.md-editor-filename{max-width:none}.md-editor-header-right{width:100%;justify-content:flex-end}}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-tertiary-light);text-align:center}.dark .loading-state,.dark .empty-state{color:var(--text-tertiary-dark)}.actions-modal-content{display:flex;flex-direction:column;gap:16px;padding:8px 0}.full-width{width:100%;justify-content:flex-start}.source-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.source-badge .material-symbols-outlined{font-size:14px}.source-obsidian{background-color:#e8e0f0;color:#6b4c9a}.dark .source-obsidian{background-color:#3d3560;color:#c4b5dc}.source-google-drive{background-color:#e3f2fd;color:#1976d2}.dark .source-google-drive{background-color:#1e3a5f;color:#90caf9}.document-path{font-size:.8rem;color:var(--text-tertiary-light);word-break:break-all}.dark .document-path{color:var(--text-tertiary-dark)}.last-refresh-info{display:flex;align-items:center;gap:var(--spacing-2);font-size:.75rem;color:var(--text-tertiary-light);margin-bottom:var(--spacing-3)}.dark .last-refresh-info{color:var(--text-tertiary-dark)}.last-refresh-info .material-symbols-outlined{font-size:14px}.btn-outline{background:transparent;color:var(--text-secondary-light);border:1px solid var(--border-light);padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.dark .btn-outline{color:var(--text-secondary-dark);border-color:var(--border-dark)}.btn-outline:hover{background:var(--surface-light);color:var(--primary);border-color:var(--primary)}.dark .btn-outline:hover{background:var(--surface-dark)}.document-link-button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary-light);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.document-link-button:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.dark .document-link-button{background:#2a2a40;border-color:#3d3d5c;color:#e4e4e7}.dark .document-link-button:hover{background:#3b82f633;border-color:var(--primary);color:var(--primary)}.document-link-button .material-symbols-outlined{font-size:1.125rem}.markdown-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.markdown-viewer-modal{background:var(--bg-primary, #ffffff);border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.markdown-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f8fafc)}.markdown-viewer-title-section{display:flex;align-items:center;gap:.75rem}.markdown-viewer-title-section .material-symbols-outlined{font-size:1.5rem;color:var(--primary-color, #3b82f6)}.markdown-viewer-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1e293b)}.markdown-viewer-actions{display:flex;gap:.5rem}.markdown-viewer-actions .btn-icon{padding:.5rem;border-radius:8px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary, #64748b);transition:all .2s ease}.markdown-viewer-actions .btn-icon:hover{background:var(--bg-hover, #f1f5f9);color:var(--primary-color, #3b82f6)}.markdown-viewer-content{flex:1;overflow-y:auto;padding:2rem}.markdown-viewer-body{max-width:100%;margin:0 auto;line-height:1.7;color:var(--text-primary, #1e293b)}.markdown-viewer-body h1{font-size:2rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color, #e5e7eb);color:var(--text-primary, #1e293b)}.markdown-viewer-body h2{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;color:var(--text-primary, #1e293b)}.markdown-viewer-body h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--text-primary, #1e293b)}.markdown-viewer-body h4,.markdown-viewer-body h5,.markdown-viewer-body h6{font-size:1rem;font-weight:600;margin:1.25rem 0 .5rem;color:var(--text-primary, #1e293b)}.markdown-viewer-body p{margin:0 0 1rem}.markdown-viewer-body ul,.markdown-viewer-body ol{margin:0 0 1rem;padding-left:2rem}.markdown-viewer-body li{margin-bottom:.5rem}.markdown-viewer-body a{color:var(--primary-color, #3b82f6);text-decoration:none}.markdown-viewer-body a:hover{text-decoration:underline}.markdown-viewer-body blockquote{margin:1rem 0;padding:1rem 1.5rem;border-left:4px solid var(--primary-color, #3b82f6);background:var(--bg-secondary, #f8fafc);border-radius:0 8px 8px 0}.markdown-viewer-body blockquote p{margin:0}.markdown-viewer-body .inline-code{background:var(--bg-secondary, #f1f5f9);padding:.2rem .4rem;border-radius:4px;font-family:Fira Code,Monaco,monospace;font-size:.9em;color:var(--accent-color, #e11d48)}.markdown-viewer-body .code-block{background:#1e293b;color:#e2e8f0;padding:1rem 1.5rem;border-radius:8px;overflow-x:auto;margin:1rem 0;font-family:Fira Code,Monaco,monospace;font-size:.9rem;line-height:1.5}.markdown-viewer-body table{width:100%;border-collapse:collapse;margin:1rem 0}.markdown-viewer-body th,.markdown-viewer-body td{padding:.75rem 1rem;border:1px solid var(--border-color, #e5e7eb);text-align:left}.markdown-viewer-body th{background:var(--bg-secondary, #f8fafc);font-weight:600}.markdown-viewer-body tr:nth-child(2n){background:var(--bg-secondary, #fafafa)}.markdown-viewer-body hr{border:none;border-top:2px solid var(--border-color, #e5e7eb);margin:2rem 0}.markdown-viewer-body img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}[data-theme=dark] .markdown-viewer-modal{background:var(--bg-primary, #1e293b)}[data-theme=dark] .markdown-viewer-header{background:var(--bg-secondary, #0f172a);border-color:var(--border-color, #334155)}[data-theme=dark] .markdown-viewer-body .code-block{background:#0f172a}@media print{.markdown-viewer-overlay{position:static;background:none;padding:0}.markdown-viewer-modal{max-width:none;max-height:none;box-shadow:none;border-radius:0}.markdown-viewer-header{display:none}.markdown-viewer-content{padding:0}}.report-page{width:100%;max-width:1400px;margin:0 auto}.report-container{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-6)}.card{background-color:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.dark .card{background-color:var(--surface-dark);border-color:var(--border-dark)}.report-config h3{margin-bottom:var(--spacing-4);font-size:1.125rem;font-weight:600;color:var(--text-primary-light)}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.preview-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary-light)}.preview-actions{display:flex;gap:var(--spacing-2)}.dark .report-config h3,.dark .preview-header h3{color:var(--text-primary-dark)}.context-preview{margin-bottom:var(--spacing-6);padding:var(--spacing-4);background-color:var(--background-light);border-radius:var(--radius-lg)}.dark .context-preview{background-color:var(--surface-dark-elevated)}.context-preview h4{margin-bottom:var(--spacing-3);font-size:.875rem;color:var(--text-secondary-light);text-transform:uppercase;letter-spacing:.05em}.dark .context-preview h4{color:var(--text-secondary-dark)}.integrations-status{display:flex;flex-direction:column;gap:var(--spacing-2)}.status-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:.875rem;color:var(--text-secondary-light)}.dark .status-item{color:var(--text-secondary-dark)}.status-item.active,.status-item.active .material-symbols-outlined{color:var(--status-success)}.form-group label{display:block;margin-bottom:var(--spacing-2);font-size:.875rem;font-weight:500;color:var(--text-primary-light)}.input-field{width:100%;padding:var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:var(--background-light);color:var(--text-primary-light);font-family:inherit;font-size:.875rem;resize:vertical;transition:all .2s}.dark .input-field{background-color:var(--surface-dark-elevated);border-color:var(--border-dark);color:var(--text-primary-dark)}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-light)}.input-field.monospace{font-family:Fira Code,monospace;font-size:.8rem;white-space:pre}.helper-text{display:block;margin-top:var(--spacing-1);font-size:.75rem;color:var(--text-tertiary-light)}.dark .helper-text{color:var(--text-tertiary-dark)}.full-width{width:100%;justify-content:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--text-tertiary-light);text-align:center}.dark .empty-state{color:var(--text-tertiary-dark)}.large-icon{font-size:4rem;margin-bottom:var(--spacing-4);opacity:.5}.markdown-content{line-height:1.6;color:var(--text-primary-light)}.dark .markdown-content{color:var(--text-primary-dark)}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:1.5em;margin-bottom:.5em;color:var(--primary)}.markdown-content p{margin-bottom:1em}.markdown-content ul,.markdown-content ol{margin-bottom:1em;padding-left:1.5em}.project-selection-container{max-width:600px;margin:0 auto;text-align:center}.selection-controls{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.selection-controls select{flex:1}.report-type-selector{display:flex;gap:var(--spacing-3);flex-direction:column}.report-type-option{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border:2px solid var(--border-light);border-radius:var(--radius-lg);background-color:var(--background-light);cursor:pointer;transition:all .2s ease;text-align:left}.dark .report-type-option{border-color:var(--border-dark);background-color:var(--surface-dark-elevated)}.report-type-option:hover:not(:disabled){border-color:var(--primary);background-color:var(--primary-light)}.report-type-option.active{border-color:var(--primary);background-color:var(--primary-light)}.dark .report-type-option.active{background-color:rgba(var(--primary-rgb),.2)}.report-type-option:disabled{opacity:.5;cursor:not-allowed}.report-type-option .material-symbols-outlined{font-size:1.5rem;color:var(--primary);margin-top:2px}.report-type-option .option-content{flex:1}.report-type-option .option-content strong{display:block;font-size:.9rem;color:var(--text-primary-light);margin-bottom:4px}.dark .report-type-option .option-content strong{color:var(--text-primary-dark)}.report-type-option .option-content small{font-size:.75rem;color:var(--text-secondary-light)}.dark .report-type-option .option-content small{color:var(--text-secondary-dark)}@media (max-width: 1024px){.report-container{grid-template-columns:1fr}}.chat-page{display:flex;flex-direction:column;gap:24px;height:100%}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 140px);padding:0;overflow:hidden}.messages-list{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.message{display:flex;flex-direction:column;margin-bottom:8px}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.message.error{align-items:center}.message-header{margin-bottom:4px;padding:0 4px}.message-actor{font-size:12px;font-weight:600;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.message.user .message-actor{color:var(--md-sys-color-primary)}.message.assistant .message-actor{color:var(--md-sys-color-tertiary)}.message-bubble{max-width:70%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5}.message.user .message-bubble{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-bottom-right-radius:4px}.message.user .message-bubble p{margin:0}.message.assistant .message-bubble{background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);border-bottom-left-radius:4px}.message.error .message-bubble{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.message.assistant .message-bubble h1,.message.assistant .message-bubble h2,.message.assistant .message-bubble h3,.message.assistant .message-bubble h4{margin-top:16px;margin-bottom:8px;font-weight:600}.message.assistant .message-bubble h1:first-child,.message.assistant .message-bubble h2:first-child,.message.assistant .message-bubble h3:first-child{margin-top:0}.message.assistant .message-bubble p{margin:8px 0}.message.assistant .message-bubble p:first-child{margin-top:0}.message.assistant .message-bubble p:last-child{margin-bottom:0}.message.assistant .message-bubble ul,.message.assistant .message-bubble ol{margin:8px 0;padding-left:24px}.message.assistant .message-bubble li{margin:4px 0}.message.assistant .message-bubble strong{font-weight:600}.message.assistant .message-bubble code{background-color:#0000001a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.message.assistant .message-bubble pre{background-color:#0000001a;padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.message.assistant .message-bubble pre code{background-color:transparent;padding:0}.chat-input-area{padding:16px;border-top:1px solid var(--md-sys-color-outline-variant);display:flex;gap:12px;background-color:var(--md-sys-color-surface-container)}.chat-input{flex:1}.btn-icon-only{padding:0;width:48px;display:flex;align-items:center;justify-content:center}.typing{display:flex;gap:4px;padding:16px}.dot{width:8px;height:8px;background-color:var(--md-sys-color-on-surface-variant);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.metrics-page{width:100%;max-width:1400px;margin:0 auto}.metrics-filters{background-color:var(--surface-light);padding:var(--spacing-5);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);display:flex;flex-wrap:wrap;gap:var(--spacing-5);align-items:flex-end;border:1px solid var(--border-light)}.dark .metrics-filters{background-color:var(--surface-dark);border-color:var(--border-dark)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:200px;flex:1}.filter-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary-light);text-transform:uppercase;letter-spacing:.5px}.date-inputs{display:flex;align-items:center;gap:var(--spacing-2)}.date-inputs span{color:var(--text-tertiary-light);font-size:.85rem}.dark .date-inputs span{color:var(--text-tertiary-dark)}.date-inputs input,.filter-group select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--background-light);color:var(--text-primary-light);font-size:.875rem;transition:border-color var(--transition-fast)}.dark .date-inputs input,.dark .filter-group select{background-color:var(--background-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.date-inputs input:focus,.filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.selected-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2)}.filter-tag{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-1);transition:transform var(--transition-fast),opacity var(--transition-fast)}.filter-tag:hover{transform:scale(1.05);opacity:.9}.btn-clear-filters{padding:var(--spacing-2) var(--spacing-4);background-color:transparent;border:1px solid var(--border-light);color:var(--text-secondary-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:var(--spacing-2)}.dark .btn-clear-filters{border-color:var(--border-dark);color:var(--text-secondary-dark)}.btn-clear-filters:hover{background-color:var(--hover-light);color:var(--text-primary-light);border-color:var(--text-tertiary-light)}.dark .btn-clear-filters:hover{background-color:var(--hover-dark);color:var(--text-primary-dark)}.summary-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.summary-card-item{background-color:var(--surface-light);padding:var(--spacing-5);border-radius:var(--radius-lg);border:1px solid var(--border-light);display:flex;align-items:center;gap:var(--spacing-4);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.dark .summary-card-item{background-color:var(--surface-dark);border-color:var(--border-dark)}.summary-card-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-card-item .card-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-card-item .card-icon .material-symbols-outlined{font-size:28px;color:#fff}.summary-card-item.tasks .card-icon{background:linear-gradient(135deg,#1e88e5,#1565c0)}.summary-card-item.hours .card-icon{background:linear-gradient(135deg,#43a047,#2e7d32)}.summary-card-item.projects .card-icon{background:linear-gradient(135deg,#fb8c00,#ef6c00)}.summary-card-item.people .card-icon{background:linear-gradient(135deg,#8e24aa,#6a1b9a)}.summary-card-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.summary-label{font-size:.85rem;color:var(--text-secondary-light);font-weight:500}.summary-value{font-size:1.75rem;font-weight:700;color:var(--text-primary-light);line-height:1.2}.metrics-charts-vertical{display:flex;flex-direction:column;gap:var(--spacing-5)}.metric-card{background-color:var(--surface-light);border-radius:var(--radius-lg);padding:var(--spacing-5);border:1px solid var(--border-light)}.dark .metric-card{background-color:var(--surface-dark);border-color:var(--border-dark)}.metric-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-4);color:var(--text-primary-light);display:flex;align-items:center;gap:var(--spacing-2);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-light)}.dark .metric-title{color:var(--text-primary-dark);border-bottom-color:var(--border-dark)}.metric-title .material-symbols-outlined{font-size:20px;color:var(--primary)}.chart-container{width:100%;min-height:350px}.metric-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-tertiary-light);font-style:italic}.dark .metric-empty{color:var(--text-tertiary-dark)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary-light);gap:var(--spacing-4)}.empty-state .material-symbols-outlined{font-size:64px;opacity:.4;color:var(--text-tertiary-light)}.dark .empty-state .material-symbols-outlined{color:var(--text-tertiary-dark)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-light)}.dark .recharts-cartesian-grid-horizontal line,.dark .recharts-cartesian-grid-vertical line{stroke:var(--border-dark)}.recharts-text{fill:var(--text-secondary-light)}.dark .recharts-text{fill:var(--text-secondary-dark)}.recharts-tooltip-wrapper .recharts-default-tooltip{background-color:var(--surface-light)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important}.dark .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:var(--surface-dark)!important;border-color:var(--border-dark)!important}@media (max-width: 768px){.metrics-filters{flex-direction:column;align-items:stretch}.filter-group{width:100%}.date-inputs{flex-direction:column;align-items:stretch}.date-inputs input{width:100%}.btn-clear-filters{width:100%;justify-content:center}.summary-cards-container{grid-template-columns:1fr}}.workspace-management{padding:var(--spacing-4)}.workspace-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.workspace-management-header h3{margin:0;font-size:1.25rem;font-weight:600}.workspace-management-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);min-height:400px}.workspace-list-panel{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.dark .workspace-list-panel{background:var(--surface-dark-elevated);border-color:var(--border-dark)}.workspace-list{display:flex;flex-direction:column}.workspace-list-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s}.dark .workspace-list-item{border-bottom-color:var(--border-dark)}.workspace-list-item:hover{background:var(--surface-hover)}.dark .workspace-list-item:hover{background:#ffffff0d}.workspace-list-item.selected{background:#1387ec1a}.workspace-list-item.current{border-left:3px solid var(--primary)}.workspace-item-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.workspace-item-icon .material-symbols-outlined{font-size:20px;color:#fff}.workspace-item-info{flex:1;min-width:0}.workspace-item-name{display:flex;align-items:center;gap:var(--spacing-2);font-weight:600;font-size:.9rem}.current-badge{font-size:.65rem;font-weight:600;padding:2px 6px;background:var(--primary);color:#fff;border-radius:4px;text-transform:uppercase}.workspace-item-stats{display:block;font-size:.75rem;color:var(--text-secondary)}.workspace-item-actions{display:flex;gap:var(--spacing-1);opacity:0;transition:opacity .15s}.workspace-list-item:hover .workspace-item-actions{opacity:1}.workspace-details-panel{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-4)}.dark .workspace-details-panel{background:var(--surface-dark-elevated);border-color:var(--border-dark)}.workspace-details-panel h4{margin:0 0 var(--spacing-4) 0;font-size:1rem;font-weight:600}.members-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.member-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);border-radius:var(--radius-md)}.member-item:hover{background:var(--surface-hover)}.member-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--surface);display:flex;align-items:center;justify-content:center}.member-avatar .material-symbols-outlined{font-size:36px;color:var(--text-secondary)}.member-info{flex:1}.member-name{display:block;font-weight:500;font-size:.875rem}.member-role{display:block;font-size:.75rem;color:var(--text-secondary)}.icon-picker,.color-picker{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.icon-option{width:40px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-option:hover{border-color:var(--primary)}.icon-option.selected{border-color:var(--primary);background:#1387ec1a}.dark .icon-option{background:var(--surface-dark);border-color:var(--border-dark)}.color-option{width:32px;height:32px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .15s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px var(--primary)}@media (max-width: 768px){.workspace-management-content{grid-template-columns:1fr}}.dark .workspace-management .modal-overlay{background:#000000bf}.dark .workspace-management .modal-content{background:var(--surface-dark-elevated, #1f2937);color:var(--text-dark, #f3f4f6);border:1px solid var(--border-dark, #374151)}.dark .workspace-management .modal-header{border-bottom-color:var(--border-dark, #374151)}.dark .workspace-management .modal-header h2{color:var(--text-dark, #f3f4f6)}.dark .workspace-management .form-group label{color:var(--text-secondary-dark, #9ca3af)}.dark .workspace-management .form-group input,.dark .workspace-management .form-group textarea{background:var(--surface-dark, #111827);border:1px solid var(--border-dark, #374151);color:var(--text-dark, #f3f4f6)}.dark .workspace-management .form-group input::placeholder,.dark .workspace-management .form-group textarea::placeholder{color:var(--text-tertiary, #6b7280)}.dark .workspace-management .form-group input:focus,.dark .workspace-management .form-group textarea:focus{border-color:var(--primary, #3b82f6);box-shadow:0 0 0 2px #3b82f633}.dark .workspace-management .modal-actions{border-top-color:var(--border-dark, #374151)}.obsidian-sync{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.obsidian-sync.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-secondary)}.sync-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.sync-title{display:flex;gap:12px;align-items:flex-start}.sync-title .material-symbols-outlined{font-size:32px;color:var(--primary);background:linear-gradient(135deg,#7c3aed1a,#a78bfa1a);padding:12px;border-radius:12px}.sync-title h3{margin:0 0 4px;font-size:1.125rem;color:var(--text-new)}.sync-title p{margin:0;font-size:.875rem;color:var(--text-secondary)}.sync-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px;padding:16px;background:var(--bg-primary);border-radius:10px;border:1px solid var(--border-color)}.status-item{display:flex;flex-direction:column;gap:4px}.status-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.status-value{font-size:.9rem;color:var(--text-new);font-weight:600}.status-value.active{color:var(--success)}.status-value.inactive{color:var(--text-tertiary)}.sync-config{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:20px;margin-bottom:20px}.sync-config h4{margin:0 0 8px;font-size:1rem}.config-hint{font-size:.875rem;color:var(--text-secondary);margin:0 0 16px}.config-field{margin-bottom:16px}.config-field label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:6px}.config-field input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-new);font-size:.9rem}.config-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1a}.config-actions{display:flex;justify-content:flex-end;gap:12px}.sync-actions{text-align:center;padding:20px;background:linear-gradient(135deg,#7c3aed0d,#a78bfa0d);border-radius:10px;border:1px dashed var(--border-color)}.btn-large{padding:14px 28px;font-size:1rem}.sync-hint{margin:12px 0 0;font-size:.8rem;color:var(--text-tertiary)}.sync-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;color:#b45309}.dark .sync-warning{color:#fbbf24}.sync-warning .material-symbols-outlined{font-size:24px;flex-shrink:0}.sync-warning p{margin:0;font-size:.875rem;line-height:1.5}@media (max-width: 600px){.sync-status{grid-template-columns:1fr 1fr}}.settings-page{padding:var(--spacing-6);max-width:1200px;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-light)}.dark .settings-header{border-bottom-color:var(--border-dark)}.settings-header-content{display:flex;align-items:center;gap:var(--spacing-4)}.settings-icon{font-size:2.5rem;color:var(--primary)}.settings-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary-light);margin:0}.dark .settings-header h1{color:var(--text-primary-dark)}.settings-header p{font-size:.875rem;color:var(--text-secondary-light);margin:var(--spacing-1) 0 0 0}.dark .settings-header p{color:var(--text-secondary-dark)}.settings-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-2);overflow-x:auto}.dark .settings-tabs{border-bottom-color:var(--border-dark)}.settings-tab{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary-light);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.dark .settings-tab{color:var(--text-secondary-dark)}.settings-tab:hover{background:var(--primary-light);color:var(--primary)}.dark .settings-tab:hover{background:var(--primary-dark)}.settings-tab.active{background:var(--primary);color:#fff}.settings-tab .material-symbols-outlined{font-size:1.25rem}.settings-content{background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden}.dark .settings-content{background:var(--surface-dark-elevated);border-color:var(--border-dark)}.settings-content-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5);border-bottom:1px solid var(--border-light);background:var(--surface-light)}.dark .settings-content-header{border-bottom-color:var(--border-dark);background:var(--surface-dark)}.settings-content-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary-light);margin:0}.dark .settings-content-header h2{color:var(--text-primary-dark)}.settings-content-header p{font-size:.8125rem;color:var(--text-secondary-light);margin:0}.dark .settings-content-header p{color:var(--text-secondary-dark)}.settings-content-body{padding:var(--spacing-6)}.settings-help-banner{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--primary-light);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);cursor:pointer;transition:all var(--transition-fast);color:var(--primary);font-weight:500}.dark .settings-help-banner{background:var(--primary-dark);border-color:#3b82f64d}.settings-help-banner:hover{background:#3b82f626;transform:translate(4px)}.settings-help-banner .material-symbols-outlined:first-child{font-size:1.5rem}.settings-help-banner .material-symbols-outlined:last-child{margin-left:auto}.form-group{margin-bottom:var(--spacing-5)}.form-group label{display:block;margin-bottom:var(--spacing-2);font-weight:600;font-size:.875rem;color:var(--text-primary-light)}.form-group input,.form-group select,.input-field{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.9375rem;background:var(--bg-primary);color:var(--text-primary-light);transition:all var(--transition-fast)}.dark .form-group input,.dark .form-group select,.dark .input-field{background:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.form-group input:focus,.form-group select:focus,.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.helper-text{display:block;margin-top:var(--spacing-2);font-size:.8125rem;color:var(--text-secondary-light)}.dark .helper-text{color:var(--text-secondary-dark)}.helper-text a{color:var(--primary);text-decoration:none}.helper-text a:hover{text-decoration:underline}.status-message{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);font-size:.875rem}.status-message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.status-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.status-message .material-symbols-outlined{font-size:1.25rem}.form-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-4);border-top:1px solid var(--border-light);margin-top:var(--spacing-6)}.dark .form-actions{border-top-color:var(--border-dark)}.google-drive-settings h3{font-size:1rem;font-weight:600;color:var(--text-primary-light);margin-bottom:var(--spacing-3)}.dark .google-drive-settings h3{color:var(--text-primary-dark)}.connection-status{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.connection-status .material-symbols-outlined{font-size:2.5rem}.connection-status strong{display:block;font-size:1rem;margin-bottom:4px}.connection-status p{margin:0;font-size:.875rem}.connection-status.connected{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.connection-status.connected .material-symbols-outlined,.connection-status.connected strong{color:#10b981}.connection-status.disconnected{background:#9ca3af1a;border:1px solid rgba(156,163,175,.3)}.connection-status.disconnected .material-symbols-outlined{color:#9ca3af}.connection-status .btn{margin-left:auto}.settings-divider{height:1px;background:var(--border-light);margin:var(--spacing-6) 0}.dark .settings-divider{background:var(--border-dark)}.security-description{color:var(--text-secondary-light);margin-bottom:var(--spacing-6);line-height:1.6}.dark .security-description{color:var(--text-secondary-dark)}.help-modal-content{max-height:70vh;overflow-y:auto;width:100%}.help-section{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--border-light)}.dark .help-section{border-bottom-color:var(--border-dark)}.help-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.help-section h3{display:flex;align-items:center;gap:var(--spacing-2);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-3);color:var(--text-primary-light)}.dark .help-section h3{color:var(--text-primary-dark)}.help-section h3 .material-symbols-outlined{color:var(--primary);font-size:1.25rem}.help-section p{color:var(--text-secondary-light);line-height:1.6;margin-bottom:var(--spacing-3)}.dark .help-section p{color:var(--text-secondary-dark)}.help-section ol,.help-section ul{margin-left:var(--spacing-5);color:var(--text-secondary-light)}.dark .help-section ol,.dark .help-section ul{color:var(--text-secondary-dark)}.help-section li{margin-bottom:var(--spacing-2);line-height:1.5}.help-section code{background:var(--surface-dark);padding:2px 6px;border-radius:var(--radius-sm);font-family:Fira Code,Consolas,monospace;font-size:.8125rem;color:var(--primary)}.dark .help-section code{background:var(--surface-dark-elevated)}.help-table{width:100%;border-collapse:collapse;font-size:.875rem;margin-top:var(--spacing-3)}.help-table th,.help-table td{padding:var(--spacing-3);text-align:left;border:1px solid var(--border-light)}.dark .help-table th,.dark .help-table td{border-color:var(--border-dark)}.help-table th{background:var(--surface-light);font-weight:600;color:var(--text-primary-light)}.dark .help-table th{background:var(--surface-dark);color:var(--text-primary-dark)}.help-table td{color:var(--text-secondary-light)}.dark .help-table td{color:var(--text-secondary-dark)}.help-code{background:#1e1e1e;color:#d4d4d4;padding:var(--spacing-4);border-radius:var(--radius-lg);font-family:Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.6;overflow-x:auto;white-space:pre}@media (max-width: 768px){.settings-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.settings-tabs{flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.settings-tab-label{display:none}.settings-tab{padding:var(--spacing-3)}.form-actions{flex-direction:column}.form-actions button{width:100%}}.settings-header{border-bottom-color:#e5e7eb}.settings-header h1,.settings-header p{color:#111827}.settings-tabs{border-bottom-color:#e5e7eb}.settings-tab{color:#111827}.settings-content{background:#fff;border-color:#e5e7eb}.settings-content-header{border-bottom-color:#e5e7eb;background:#f9fafb}.settings-content-header h2,.settings-content-header p,.form-group label{color:#111827}.form-group input,.form-group select,.input-field{background:#fff;border-color:#e5e7eb;color:#111827}.helper-text,.google-drive-settings h3,.connection-status p,.security-description,.help-section h3,.help-section p,.help-section ol,.help-section ul{color:#111827}.help-table th{background:#f3f4f6;color:#111827}.help-table td{color:#111827}.settings-divider{background:#e5e7eb}.form-actions{border-top-color:#e5e7eb}[data-theme=dark] .settings-header,.dark .settings-header{border-bottom-color:#374151}[data-theme=dark] .settings-header h1,.dark .settings-header h1{color:#f9fafb}[data-theme=dark] .settings-header p,.dark .settings-header p{color:#9ca3af}[data-theme=dark] .settings-tabs,.dark .settings-tabs{border-bottom-color:#374151}[data-theme=dark] .settings-tab,.dark .settings-tab{color:#9ca3af}[data-theme=dark] .settings-content,.dark .settings-content{background:#1f2937;border-color:#374151}[data-theme=dark] .settings-content-header,.dark .settings-content-header{border-bottom-color:#374151;background:#111827}[data-theme=dark] .settings-content-header h2,.dark .settings-content-header h2{color:#f9fafb}[data-theme=dark] .settings-content-header p,.dark .settings-content-header p{color:#9ca3af}[data-theme=dark] .form-group label,.dark .form-group label{color:#f9fafb}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .input-field,.dark .form-group input,.dark .form-group select,.dark .input-field{background:#1f2937;border-color:#374151;color:#f9fafb}[data-theme=dark] .helper-text,.dark .helper-text{color:#9ca3af}[data-theme=dark] .google-drive-settings h3,.dark .google-drive-settings h3{color:#f9fafb}[data-theme=dark] .connection-status p,.dark .connection-status p,[data-theme=dark] .security-description,.dark .security-description{color:#9ca3af}[data-theme=dark] .help-section h3,.dark .help-section h3{color:#f9fafb}[data-theme=dark] .help-section p,.dark .help-section p,[data-theme=dark] .help-section ol,[data-theme=dark] .help-section ul,.dark .help-section ol,.dark .help-section ul{color:#9ca3af}[data-theme=dark] .help-table th,.dark .help-table th{background:#111827;color:#f9fafb}[data-theme=dark] .help-table td,.dark .help-table td{color:#9ca3af}[data-theme=dark] .settings-divider,.dark .settings-divider{background:#374151}[data-theme=dark] .form-actions,.dark .form-actions{border-top-color:#374151}.danger-zone{border:2px solid #ef4444;border-radius:var(--radius-xl);background:#ef44440d;overflow:hidden}.dark .danger-zone,[data-theme=dark] .danger-zone{background:#ef44441a}.danger-zone-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:#ef444426;border-bottom:1px solid rgba(239,68,68,.3)}.danger-zone-header .material-symbols-outlined{color:#ef4444;font-size:1.5rem}.danger-zone-header h3{margin:0;color:#dc2626;font-size:1rem;font-weight:600}.dark .danger-zone-header h3,[data-theme=dark] .danger-zone-header h3{color:#f87171}.danger-zone-content{padding:var(--spacing-6)}.danger-zone-content h4{font-size:1rem;font-weight:600;margin:0 0 var(--spacing-2) 0;color:#111827}.dark .danger-zone-content h4,[data-theme=dark] .danger-zone-content h4{color:#f9fafb}.danger-zone-description{color:#4b5563;line-height:1.6;margin:0}.dark .danger-zone-description,[data-theme=dark] .danger-zone-description{color:#9ca3af}.danger-zone-description strong{color:#dc2626}.dark .danger-zone-description strong,[data-theme=dark] .danger-zone-description strong{color:#f87171}.danger-input{border-color:#f87171!important}.danger-input:focus{box-shadow:0 0 0 3px #ef444433!important}.btn-danger{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:#dc2626;color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.btn-danger .material-symbols-outlined{font-size:1.25rem}.btn-danger .material-symbols-outlined.spin{animation:spin 1s linear infinite}.backup-download-link{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:#10b981;text-decoration:none;font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.backup-download-link:hover{background:#10b98133}.backup-download-link .material-symbols-outlined{font-size:1rem}.data-management-section{max-width:700px}.system-logs-page{padding:var(--spacing-6)}.logs-filters{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap}.logs-search{flex:1;min-width:200px;padding:var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.dark .logs-search{border-color:var(--border-dark);background:var(--surface-dark);color:var(--text-primary-dark)}.logs-filter-select{padding:var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;min-width:150px}.dark .logs-filter-select{border-color:var(--border-dark);background:var(--surface-dark);color:var(--text-primary-dark)}.logs-table-container{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.dark .logs-table-container{background:var(--surface-dark);border-color:var(--border-dark)}.logs-table{width:100%;border-collapse:collapse}.logs-table th{text-align:left;padding:var(--spacing-4);background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;border-bottom:1px solid var(--border-light)}.dark .logs-table th{background:#0003;color:var(--text-secondary-dark);border-color:var(--border-dark)}.logs-table th.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s;white-space:nowrap}.logs-table th.sortable-header:hover{background:var(--bg-tertiary, rgba(0, 0, 0, .05))}.dark .logs-table th.sortable-header:hover{background:#ffffff0d}.sort-icon{display:inline-flex;align-items:center;vertical-align:middle;margin-left:var(--spacing-1);opacity:.3;transition:opacity .2s}.sort-icon.active{opacity:1;color:var(--primary)}.sort-icon .material-symbols-outlined{font-size:1rem}.logs-table td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-light);font-size:.875rem;vertical-align:top}.dark .logs-table td{border-color:var(--border-dark)}.log-timestamp{white-space:nowrap;color:var(--text-secondary);font-family:monospace;font-size:.75rem}.dark .log-timestamp{color:var(--text-secondary-dark)}.log-level-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;text-transform:uppercase}.log-level-info{background:#3b82f626;color:#3b82f6}.log-level-warn{background:#f59e0b26;color:#f59e0b}.log-level-error{background:#ef444426;color:#ef4444}.log-level-debug{background:#6b728026;color:#6b7280}.log-category{font-weight:500;color:var(--text-primary)}.dark .log-category{color:var(--text-primary-dark)}.log-message{color:var(--text-primary)}.dark .log-message{color:var(--text-primary-dark)}.log-details{margin-top:var(--spacing-2);padding:var(--spacing-2);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);font-family:monospace}.dark .log-details{background:#0003;color:var(--text-secondary-dark)}.logs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);color:var(--text-muted);gap:var(--spacing-2)}.logs-empty .material-symbols-outlined{font-size:3rem;opacity:.5}.btn-danger{background:#ef4444;color:#fff;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-2);font-weight:500;transition:all .2s}.btn-danger:hover{background:#dc2626}@media (max-width: 768px){.system-logs-page{padding:var(--spacing-4)}.logs-filters{flex-direction:column}.logs-table-container{overflow-x:auto}}.gantt-page{display:flex;flex-direction:column;height:100%;gap:1rem;padding:var(--spacing-4)}.gantt-page-loading,.gantt-page-empty,.gantt-page-select{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);text-align:center;gap:1rem;background:var(--bg-secondary);border-radius:var(--radius-lg)}.gantt-page-loading .material-symbols-outlined,.gantt-page-empty .material-symbols-outlined,.gantt-page-select .material-symbols-outlined{font-size:3rem;opacity:.5}.gantt-page-loading .spinning{animation:spin 1s linear infinite}.gantt-page-empty h3{color:var(--text-primary);margin:0}.gantt-page-empty p,.gantt-page-select p{margin:0;max-width:400px}.gantt-page-actions{display:flex;align-items:center;gap:1rem}.gantt-project-selector{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;min-width:250px;cursor:pointer}.gantt-project-selector:focus{outline:none;border-color:var(--primary)}.gantt-project-selector option{background:#1e1e2e;color:#fff}:root:not(.dark) .gantt-project-selector option{background:#fff;color:#18181b}.gantt-page-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.gantt-page-content .gantt-tab{flex:1;display:flex;flex-direction:column}@media (max-width: 768px){.gantt-project-selector{min-width:unset;width:100%}}.user-management{padding:var(--spacing-6)}.user-management-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.2rem;color:var(--text-secondary)}.users-table-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-top:var(--spacing-6)}.dark .users-table-container{background:var(--bg-primary-dark)}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--bg-secondary)}.dark .users-table thead{background:var(--bg-secondary-dark)}.users-table th{padding:var(--spacing-4);text-align:left;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.dark .users-table th{color:var(--text-secondary-dark)}.users-table td{padding:var(--spacing-4);border-top:1px solid var(--border-color);color:var(--text-primary)}.dark .users-table td{border-color:var(--border-color-dark);color:var(--text-primary-dark)}.users-table tbody tr:hover{background:var(--bg-hover)}.dark .users-table tbody tr:hover{background:var(--bg-hover-dark)}.role-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.role-admin{background:#dbeafe;color:#1e40af}.dark .role-admin{background:#1e3a8a;color:#93c5fd}.role-user{background:#e5e7eb;color:#374151}.dark .role-user{background:#374151;color:#d1d5db}.btn-icon{padding:6px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all .2s}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.dark .btn-icon:hover{background:var(--bg-hover-dark);color:var(--text-primary-dark)}.btn-icon.btn-danger:hover{background:#fee2e2;color:#dc2626}.dark .btn-icon.btn-danger:hover{background:#7f1d1d;color:#fca5a5}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.dark .modal-content{background:var(--bg-primary-dark)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--border-color)}.dark .modal-header{border-color:var(--border-color-dark)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.dark .modal-header h2{color:var(--text-primary-dark)}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px}.modal-close:hover{color:var(--text-primary)}.modal-content form{padding:var(--spacing-6)}.form-group label{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--text-primary)}.dark .form-group label{color:var(--text-primary-dark)}.form-group input,.form-group select{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background:var(--bg-primary);color:var(--text-primary)}.dark .form-group input,.dark .form-group select{background:var(--bg-secondary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6)}.user-management.embedded{padding:0}.user-management.embedded .users-table-container{margin-top:0;box-shadow:none;border-radius:0}.embedded-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-4)}.btn-icon.btn-warning:hover{background:#fef3c7;color:#d97706}.dark .btn-icon.btn-warning:hover{background:#78350f;color:#fcd34d}.status-management{padding:24px;max-width:1200px;margin:0 auto}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.status-header h2{margin:0;color:var(--text-new)}.status-form-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:24px;margin-bottom:24px}.status-form-container h3{margin:0 0 16px;color:var(--text-new)}.status-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:var(--text-secondary);font-size:14px}.form-group input,.form-group select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-new);font-size:14px}.color-picker-wrapper{display:flex;align-items:center;gap:12px}.color-picker-wrapper input[type=color]{width:60px;height:40px;border:none;cursor:pointer}.color-picker-wrapper span{font-family:monospace;font-weight:600}.icon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px;padding:12px;background:var(--bg-secondary);border-radius:4px;max-height:200px;overflow-y:auto}.icon-option{display:flex;align-items:center;justify-content:center;padding:12px;border:2px solid transparent;border-radius:4px;background:var(--bg-primary);cursor:pointer;transition:all .2s}.icon-option:hover{border-color:var(--primary-color);transform:scale(1.05)}.icon-option.selected{border-color:var(--primary-color);background:var(--primary-light)}.icon-option .material-symbols-outlined{font-size:24px;color:var(--text-new)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.status-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.status-list-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 2fr;gap:16px;padding:16px;background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);font-size:14px;border-bottom:1px solid var(--border-color)}.status-item{display:grid;grid-template-columns:2fr 1.5fr 1fr 2fr;gap:16px;padding:16px;border-bottom:1px solid var(--border-color);align-items:center;transition:background .2s}.status-item:hover{background:var(--bg-hover)}.status-item:last-child{border-bottom:none}.status-info{display:flex;align-items:center;gap:12px}.status-name{font-weight:500;color:var(--text-new)}.status-category .category-badge{display:inline-block;padding:4px 12px;border-radius:12px;background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:500}.status-color{display:flex;align-items:center}.color-preview{width:32px;height:32px;border-radius:4px;border:2px solid var(--border-color)}.status-actions{display:flex;gap:8px;justify-content:flex-end}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:4px;background:var(--bg-secondary);color:var(--text-new);cursor:pointer;transition:all .2s}.btn-icon:hover:not(:disabled){background:var(--primary-color);color:#fff}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon.btn-danger:hover:not(:disabled){background:#ef4444}.btn-icon .material-symbols-outlined{font-size:20px}.loading{text-align:center;padding:48px;color:var(--text-secondary)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.status-list-header,.status-item{grid-template-columns:1fr;gap:12px}.status-actions{justify-content:flex-start}}.participantes-management{width:100%}.participantes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.participantes-header h2{margin:0;color:var(--text-new)}.participantes-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden}.participantes-table thead{background:var(--bg-secondary)}.participantes-table th{padding:var(--spacing-4);text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.participantes-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.participantes-table tbody tr:hover{background:var(--surface-hover)}.participantes-table tbody tr.inactive{opacity:.6}.participantes-table td{padding:var(--spacing-4);color:var(--text-new)}.status-badge{padding:4px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.status-badge.active{background:var(--success-bg);color:var(--success-color)}.status-badge.inactive{background:var(--bg-secondary);color:var(--text-secondary)}.modal-content{background:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h3{margin-top:0;margin-bottom:var(--spacing-6);color:var(--text-new)}.form-group{margin-bottom:var(--spacing-4)}.form-group label{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--text-new)}.form-group input,.form-group select{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);color:var(--text-new);font-size:.875rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6)}.loading{text-align:center;padding:var(--spacing-6);color:var(--text-secondary)}.backup-restore{padding:24px;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color)}.backup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.backup-header h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:1.25rem;color:var(--text-new)}.backup-description{color:var(--text-secondary);margin:0;font-size:.875rem}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dest-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-new);font-size:.875rem}.schedule-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:24px}.schedule-panel h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:1rem}.schedule-form{display:flex;flex-direction:column;gap:16px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input{width:18px;height:18px}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-group{flex:1;min-width:200px}.form-group label{display:block;margin-bottom:6px;font-size:.875rem;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-new)}.schedule-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.destinations-status{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.dest-item{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:var(--bg-secondary);font-size:.875rem;color:var(--text-tertiary);border:1px solid var(--border-color)}.dest-item.active{color:var(--text-new);border-color:var(--success);background:#10b9811a}.dest-item .material-symbols-outlined{font-size:18px}.dest-badge{padding:2px 8px;border-radius:4px;font-size:.75rem;color:#fff;font-weight:500}.backup-loading,.backup-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-secondary);gap:12px}.backup-loading .material-symbols-outlined,.backup-empty .material-symbols-outlined{font-size:48px;opacity:.5}.backup-empty-hint{font-size:.875rem;color:var(--text-tertiary)}.backup-table{width:100%;border-collapse:collapse}.backup-table th,.backup-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.backup-table th{font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.backup-filename{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:.875rem}.backup-filename .material-symbols-outlined{font-size:18px;color:var(--primary)}.backup-stats{font-size:.875rem;color:var(--text-secondary)}.backup-actions{display:flex;gap:8px}.backup-actions .btn-icon{padding:6px;border-radius:6px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);transition:all .2s}.backup-actions .btn-icon:hover{background:var(--bg-secondary);color:var(--text-new)}.backup-actions .btn-restore:hover{color:var(--success)}.backup-actions .btn-delete:hover{color:var(--error)}.backup-info{margin-top:24px;padding:16px;background:var(--bg-secondary);border-radius:8px}.backup-info h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.875rem;color:var(--text-secondary)}.backup-info ul{margin:0;padding-left:20px;font-size:.875rem;color:var(--text-secondary)}.backup-info li{margin-bottom:4px}.spin{animation:spin 1s linear infinite}.custom-fields-manager{display:flex;flex-direction:column;gap:var(--spacing-4)}.custom-fields-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--text-secondary-light)}.dark .custom-fields-loading{color:var(--text-secondary-dark)}.custom-fields-loading .spinning{font-size:2rem;animation:spin 1s linear infinite;margin-bottom:var(--spacing-3)}.cf-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-light)}.dark .cf-header{border-color:var(--border-dark)}.cf-template-selector{display:flex;align-items:center;gap:var(--spacing-3)}.cf-template-selector label{font-weight:500;color:var(--text-secondary-light)}.dark .cf-template-selector label{color:var(--text-secondary-dark)}.cf-template-selector select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--surface-light);color:var(--text-primary-light);min-width:200px}.dark .cf-template-selector select{background-color:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.cf-fields-list h4{margin-bottom:var(--spacing-3);color:var(--text-primary-light)}.dark .cf-fields-list h4{color:var(--text-primary-dark)}.cf-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--text-tertiary-light);background:var(--background-light);border-radius:var(--radius-lg)}.dark .cf-empty-state{color:var(--text-tertiary-dark);background:var(--surface-dark-elevated)}.cf-empty-state .material-symbols-outlined{font-size:3rem;margin-bottom:var(--spacing-3);opacity:.5}.cf-empty-state .hint{font-size:.8rem;margin-top:var(--spacing-1)}.cf-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4)}.cf-field-card{background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.dark .cf-field-card{background:var(--surface-dark-elevated);border-color:var(--border-dark)}.cf-field-header{display:flex;align-items:flex-start;gap:var(--spacing-3)}.cf-field-header .material-symbols-outlined{color:var(--primary);font-size:1.5rem}.cf-field-info{flex:1}.cf-field-info strong{display:block;color:var(--text-primary-light);margin-bottom:2px}.dark .cf-field-info strong{color:var(--text-primary-dark)}.cf-field-info code{font-size:.75rem;color:var(--text-tertiary-light);background:var(--background-light);padding:2px 6px;border-radius:var(--radius-sm)}.dark .cf-field-info code{color:var(--text-tertiary-dark);background:var(--surface-dark)}.cf-field-meta{display:flex;gap:var(--spacing-2)}.cf-field-type{font-size:.7rem;font-weight:500;text-transform:uppercase;color:var(--primary);background:var(--primary-light);padding:2px 8px;border-radius:var(--radius-full)}.cf-field-icon{font-size:.7rem;color:var(--text-secondary-light)}.dark .cf-field-icon{color:var(--text-secondary-dark)}.cf-field-actions{display:flex;gap:var(--spacing-2);justify-content:flex-end;padding-top:var(--spacing-2);border-top:1px solid var(--border-light)}.dark .cf-field-actions{border-color:var(--border-dark)}.cf-field-actions .btn-icon{padding:var(--spacing-2);border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md);color:var(--text-secondary-light);transition:all .2s}.dark .cf-field-actions .btn-icon{color:var(--text-secondary-dark)}.cf-field-actions .btn-icon:hover{background:var(--background-light);color:var(--primary)}.dark .cf-field-actions .btn-icon:hover{background:var(--surface-dark)}.cf-field-actions .btn-danger:hover{color:var(--status-error)}.cf-edit-panel{background:var(--surface-light);border:2px solid var(--primary);border-radius:var(--radius-lg);padding:var(--spacing-5);margin-top:var(--spacing-4)}.dark .cf-edit-panel{background:var(--surface-dark-elevated)}.cf-edit-panel h4{margin-bottom:var(--spacing-4);color:var(--primary)}.cf-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.cf-form-row{display:flex;flex-direction:column;gap:var(--spacing-1)}.cf-form-row label{font-weight:500;font-size:.875rem;color:var(--text-primary-light)}.dark .cf-form-row label{color:var(--text-primary-dark)}.cf-form-row input,.cf-form-row select{padding:var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--background-light);color:var(--text-primary-light);font-size:.875rem}.dark .cf-form-row input,.dark .cf-form-row select{background-color:var(--surface-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.cf-form-row input:disabled{opacity:.6;cursor:not-allowed}.cf-form-row small{font-size:.75rem;color:var(--text-tertiary-light)}.dark .cf-form-row small{color:var(--text-tertiary-dark)}.cf-form-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-4);border-top:1px solid var(--border-light)}.dark .cf-form-actions{border-color:var(--border-dark)}.workspace-members-management{padding:1rem}.workspace-selector-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px}.workspace-selector-row label{font-weight:600;color:var(--text-primary)}.workspace-selector-row select{flex:1;max-width:400px;padding:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}.members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.members-header h3{margin:0;color:var(--text-primary)}.members-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border)}.members-table{width:100%;border-collapse:collapse}.members-table th,.members-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.members-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase}.members-table td{color:var(--text-primary)}.members-table tr:hover{background:var(--bg-hover)}.member-cell{display:flex;align-items:center;gap:.75rem}.member-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary)}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-avatar .material-symbols-outlined{font-size:1.25rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.badge-owner{background:linear-gradient(135deg,gold,#ffb347);color:#000}.badge-admin{background:var(--primary);color:#fff}.badge-member{background:var(--bg-tertiary);color:var(--text-secondary)}.role-select{padding:.35rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.875rem}.role-select:disabled{opacity:.6;cursor:not-allowed}.role-select.badge-owner{background:linear-gradient(135deg,gold,#ffb347);color:#000;border-color:gold}.btn-icon{padding:.5rem;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:transparent;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#ef44441a}.alert{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.alert-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.alert-success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state .material-symbols-outlined{font-size:3rem;margin-bottom:1rem;opacity:.5}.modal-content{background:var(--bg-primary);border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 50px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;color:var(--text-primary)}.btn-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.25rem;display:flex}.btn-close:hover{color:var(--text-primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border);margin-top:1rem}.loading-state{text-align:center;padding:2rem;color:var(--text-muted)}.admin-page{padding:var(--spacing-6);max-width:1400px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-light)}.dark .admin-header{border-bottom-color:var(--border-dark)}.admin-header-content{display:flex;align-items:center;gap:var(--spacing-4)}.admin-icon{font-size:2.5rem;color:var(--primary)}.admin-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary-light);margin:0}.dark .admin-header h1{color:var(--text-primary-dark)}.admin-header p{font-size:.875rem;color:var(--text-secondary-light);margin:var(--spacing-1) 0 0 0}.dark .admin-header p{color:var(--text-secondary-dark)}.admin-badge{display:flex;align-items:center;gap:var(--spacing-2);background:linear-gradient(135deg,var(--primary) 0%,#0f6fc9 100%);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600}.admin-badge .material-symbols-outlined{font-size:1rem}.admin-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-2);overflow-x:auto}.dark .admin-tabs{border-bottom-color:var(--border-dark)}.admin-tab{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary-light);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.dark .admin-tab{color:var(--text-secondary-dark)}.admin-tab:hover{background:var(--primary-light);color:var(--primary)}.dark .admin-tab:hover{background:var(--primary-dark)}.admin-tab.active{background:var(--primary);color:#fff}.admin-tab .material-symbols-outlined{font-size:1.25rem}.admin-content{background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden}.dark .admin-content{background:var(--surface-dark-elevated);border-color:var(--border-dark)}.admin-content-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5);border-bottom:1px solid var(--border-light);background:var(--surface-light)}.dark .admin-content-header{border-bottom-color:var(--border-dark);background:var(--surface-dark)}.admin-content-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary-light);margin:0}.dark .admin-content-header h2{color:var(--text-primary-dark)}.admin-content-header p{font-size:.8125rem;color:var(--text-secondary-light);margin:0}.dark .admin-content-header p{color:var(--text-secondary-dark)}.admin-content-body{padding:var(--spacing-5)}.admin-content-body h1,.admin-content-body h2.page-title,.admin-content-body .page-header{display:none}.admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:var(--spacing-4)}.admin-access-denied .material-symbols-outlined{font-size:4rem;color:var(--text-tertiary-light)}.dark .admin-access-denied .material-symbols-outlined{color:var(--text-tertiary-dark)}.admin-access-denied h2{font-size:1.5rem;color:var(--text-primary-light);margin:0}.dark .admin-access-denied h2{color:var(--text-primary-dark)}.admin-access-denied p{color:var(--text-secondary-light);margin:0}.dark .admin-access-denied p{color:var(--text-secondary-dark)}@media (max-width: 768px){.admin-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.admin-tabs{flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.admin-tab-label{display:none}.admin-tab{padding:var(--spacing-3)}.docs-container{flex-direction:column}.docs-sidebar{flex-direction:row;width:100%;overflow-x:auto;min-height:auto;padding:var(--spacing-2)}}.docs-container{display:flex;gap:var(--spacing-4);min-height:500px}.docs-sidebar{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:200px;padding:var(--spacing-2);border-right:1px solid var(--border-light)}.dark .docs-sidebar{border-right-color:var(--border-dark)}.docs-nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary-light);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left;white-space:nowrap}.dark .docs-nav-item{color:var(--text-secondary-dark)}.docs-nav-item:hover{background:var(--primary-light);color:var(--primary)}.dark .docs-nav-item:hover{background:var(--primary-dark)}.docs-nav-item.active{background:var(--primary);color:#fff}.docs-content{flex:1;overflow-y:auto;padding:var(--spacing-4);max-height:70vh}.docs-content .markdown-document{color:var(--text-primary-light);line-height:1.7}.dark .docs-content .markdown-document{color:var(--text-primary-dark)}.docs-content .markdown-document h1{font-size:1.75rem;margin-bottom:var(--spacing-4);color:var(--primary);border-bottom:2px solid var(--primary);padding-bottom:var(--spacing-2)}.docs-content .markdown-document h2{font-size:1.4rem;margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);color:var(--text-primary-light)}.dark .docs-content .markdown-document h2{color:var(--text-primary-dark)}.docs-content .markdown-document h3{font-size:1.15rem;margin-top:var(--spacing-4);margin-bottom:var(--spacing-2)}.docs-content .markdown-document ul,.docs-content .markdown-document ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-4)}.docs-content .markdown-document li{margin-bottom:var(--spacing-2)}.docs-content .markdown-document .code-block{background:var(--surface-dark);color:#e1e4e8;padding:var(--spacing-4);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--spacing-4) 0;font-size:.875rem}.docs-content .markdown-document .inline-code{background:var(--primary-light);color:var(--primary);padding:2px 6px;border-radius:var(--radius-sm);font-size:.875rem}.dark .docs-content .markdown-document .inline-code{background:var(--primary-dark)}.docs-content .markdown-document table{width:100%;border-collapse:collapse;margin:var(--spacing-4) 0}.docs-content .markdown-document th,.docs-content .markdown-document td{border:1px solid var(--border-light);padding:var(--spacing-3);text-align:left}.dark .docs-content .markdown-document th,.dark .docs-content .markdown-document td{border-color:var(--border-dark)}.docs-content .markdown-document th{background:var(--primary-light);font-weight:600}.dark .docs-content .markdown-document th{background:var(--primary-dark)}.admin-header{border-bottom-color:#e5e7eb}.admin-header h1,.admin-header p{color:#111827}.admin-tabs{border-bottom-color:#e5e7eb}.admin-tab{color:#111827}.admin-content{background:#fff;border-color:#e5e7eb}.admin-content-header{border-bottom-color:#e5e7eb;background:#f9fafb}.admin-content-header h2,.admin-content-header p{color:#111827}.docs-sidebar{border-right-color:#e5e7eb}.docs-nav-item,.docs-content .markdown-document,.docs-content .markdown-document h2,.admin-access-denied .material-symbols-outlined,.admin-access-denied h2,.admin-access-denied p{color:#111827}[data-theme=dark] .admin-header,.dark .admin-header{border-bottom-color:#374151}[data-theme=dark] .admin-header h1,.dark .admin-header h1{color:#f9fafb}[data-theme=dark] .admin-header p,.dark .admin-header p{color:#9ca3af}[data-theme=dark] .admin-tabs,.dark .admin-tabs{border-bottom-color:#374151}[data-theme=dark] .admin-tab,.dark .admin-tab{color:#9ca3af}[data-theme=dark] .admin-content,.dark .admin-content{background:#1f2937;border-color:#374151}[data-theme=dark] .admin-content-header,.dark .admin-content-header{border-bottom-color:#374151;background:#111827}[data-theme=dark] .admin-content-header h2,.dark .admin-content-header h2{color:#f9fafb}[data-theme=dark] .admin-content-header p,.dark .admin-content-header p{color:#9ca3af}[data-theme=dark] .docs-sidebar,.dark .docs-sidebar{border-right-color:#374151}[data-theme=dark] .docs-nav-item,.dark .docs-nav-item{color:#9ca3af}[data-theme=dark] .docs-content .markdown-document,.dark .docs-content .markdown-document{color:#d1d5db}[data-theme=dark] .docs-content .markdown-document h2,.dark .docs-content .markdown-document h2{color:#f9fafb}[data-theme=dark] .admin-access-denied .material-symbols-outlined,.dark .admin-access-denied .material-symbols-outlined{color:#9ca3af}[data-theme=dark] .admin-access-denied h2,.dark .admin-access-denied h2{color:#f9fafb}[data-theme=dark] .admin-access-denied p,.dark .admin-access-denied p{color:#9ca3af}.avatar-with-initials{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar-with-initials img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-initials{color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.avatar-with-initials.avatar-xs{width:24px!important;height:24px!important;font-size:10px!important;line-height:24px!important}.avatar-with-initials.avatar-sm{width:32px!important;height:32px!important;font-size:12px!important;line-height:32px!important}.avatar-with-initials.avatar-md{width:40px!important;height:40px!important;font-size:16px!important;line-height:40px!important}.avatar-with-initials.avatar-lg{width:56px!important;height:56px!important;font-size:22px!important;line-height:56px!important}.avatar-with-initials.avatar-xl{width:80px!important;height:80px!important;font-size:32px!important;line-height:80px!important}.avatar-with-initials[style*=pointer]:hover{opacity:.9;transform:scale(1.05);transition:all .2s ease}.profile-page{padding:0 1.5rem 2rem}.profile-loading{display:flex;justify-content:center;align-items:center;height:300px;color:var(--text-secondary)}.profile-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:var(--bg-secondary);border-radius:1rem;padding:2rem;border:1px solid var(--border-color)}.profile-avatar-section{display:flex;align-items:center;gap:1.5rem}.profile-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar .avatar-initials{font-size:2rem;font-weight:600;color:#fff}.profile-avatar-info h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:var(--text-new)}.profile-avatar-info p{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9375rem}.profile-role{display:inline-flex;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:1rem;background:var(--bg-tertiary);color:var(--text-secondary)}.profile-role.role-admin{background:var(--color-primary-alpha);color:var(--color-primary)}.profile-section{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border-color)}.profile-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.profile-section-title .material-symbols-outlined{font-size:1.25rem;color:var(--color-primary)}.profile-form{display:flex;flex-direction:column;gap:1.25rem}.profile-form .form-group{display:flex;flex-direction:column;gap:.375rem}.profile-form label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.profile-form input{padding:.75rem 1rem;font-size:.9375rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s}.profile-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.profile-form input.input-disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.profile-form small{font-size:.75rem;color:var(--text-tertiary)}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.security-actions{display:flex;gap:1rem}.security-actions .btn{display:flex;align-items:center;gap:.5rem}.password-form{border-top:1px solid var(--border-color);padding-top:1.25rem;margin-top:-.5rem}@media (max-width: 640px){.profile-avatar-section{flex-direction:column;text-align:center}.profile-avatar{width:80px;height:80px}.profile-avatar .avatar-initials{font-size:1.5rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%;justify-content:center}}[data-theme=dark] .profile-card,[data-theme=dark] .profile-section,[data-theme=dark] .profile-form input{background:#ffffff08}[data-theme=dark] .profile-form input:focus{background:#ffffff0d}.personalization-group{margin-bottom:1rem}.personalization-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.theme-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:2px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);cursor:pointer;transition:all .2s ease}.theme-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.theme-card.selected{border-color:var(--color-primary);background:var(--color-primary-alpha)}.theme-preview{width:60px;height:40px;border-radius:4px;border:1px solid #333;overflow:hidden;display:flex;flex-direction:column}.theme-preview-bar{height:8px;width:100%}.theme-preview-text{flex:1;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.theme-name{font-size:.75rem;font-weight:500;color:var(--text-primary)}.theme-type{font-size:.875rem}.menu-toggles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.menu-toggle-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:all .2s ease}.menu-toggle-item:hover{background:var(--bg-secondary-hover, var(--bg-secondary))}.menu-toggle-item input[type=checkbox]{accent-color:var(--color-primary, #6366f1)}.menu-toggle-item .material-symbols-outlined{font-size:1rem;color:var(--text-secondary)}.vacations-page{max-width:1400px;margin:0 auto}.vacations-filters{display:flex;gap:var(--spacing-4);align-items:flex-end;margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--surface-light);border-radius:var(--radius-lg);flex-wrap:wrap}.dark .vacations-filters{background:var(--surface-dark);border:1px solid var(--border-dark)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.filter-group label{font-size:.75rem;font-weight:500;color:var(--text-secondary-light);text-transform:uppercase;letter-spacing:.05em}.dark .filter-group label{color:var(--text-secondary-dark)}.filter-group select{padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:#fff;min-width:120px}.dark .filter-group select{background:var(--surface-dark-elevated);border-color:var(--border-dark);color:var(--text-primary-dark)}.vacations-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.summary-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);background:var(--surface-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dark .summary-card{background:var(--surface-dark);border:1px solid var(--border-dark)}.summary-card>.material-symbols-outlined{font-size:2rem;color:var(--primary)}.summary-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary-light)}.summary-label{display:block;font-size:.875rem;color:var(--text-secondary-light)}.vacations-table-container{background:var(--surface-light);border-radius:var(--radius-lg);overflow:hidden}.dark .vacations-table-container{background:var(--surface-dark);border:1px solid var(--border-dark)}.vacations-table{width:100%}.vacations-table th{text-align:left;padding:var(--spacing-4);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary-light);border-bottom:1px solid var(--border-light)}.dark .vacations-table th{color:var(--text-secondary-dark);border-bottom-color:var(--border-dark)}.vacations-table td{padding:var(--spacing-4);border-bottom:1px solid var(--border-light)}.dark .vacations-table td{border-bottom-color:var(--border-dark)}.date-range{white-space:nowrap}.days-count{font-weight:600;color:var(--primary)}.description{color:var(--text-secondary-light);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .description{color:var(--text-secondary-dark)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success{background:#10b98126;color:#10b981}.badge-warning{background:#f59e0b26;color:#f59e0b}.badge-danger{background:#ef444426;color:#ef4444}.badge-secondary{background:#6b728026;color:#6b7280}.action-buttons{display:flex;gap:var(--spacing-2)}.btn-icon{padding:6px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all .2s}.btn-icon .material-symbols-outlined{font-size:1.25rem}.btn-icon.btn-success{color:#10b981}.btn-icon.btn-success:hover{background:#10b98126}.btn-icon.btn-warning{color:#f59e0b}.btn-icon.btn-warning:hover{background:#f59e0b26}.btn-icon.btn-danger{color:#ef4444}.btn-icon.btn-danger:hover{background:#ef444426}.btn-icon.btn-primary{color:var(--primary)}.btn-icon.btn-primary:hover{background:#3b82f626}.edit-vacation-modal{max-width:500px;width:90%}.edit-vacation-modal .modal-header h2{display:flex;align-items:center;gap:var(--spacing-2);margin:0}.edit-vacation-modal .modal-header h2 .material-symbols-outlined{color:var(--primary)}.edit-user-info{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--surface-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.dark .edit-user-info{background:var(--surface-dark-elevated)}.edit-user-info span{font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-light)}.dark .modal-actions{border-top-color:var(--border-dark)}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--text-secondary-light)}.dark .access-denied{color:var(--text-secondary-dark)}.access-denied .material-symbols-outlined{font-size:4rem;margin-bottom:var(--spacing-4);color:var(--error)}@media (max-width: 768px){.vacations-filters{flex-direction:column;align-items:stretch}.vacations-table-container{overflow-x:auto}.vacations-table{min-width:800px}}.participantes-page{max-width:1400px;margin:0 auto}.participantes-search{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--surface-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6)}.dark .participantes-search{background:var(--surface-dark);border:1px solid var(--border-dark)}.participantes-search .material-symbols-outlined{color:var(--text-secondary-light)}.dark .participantes-search .material-symbols-outlined{color:var(--text-secondary-dark)}.participantes-search input{flex:1;border:none;background:transparent;font-size:1rem;color:var(--text-primary-light);outline:none}.dark .participantes-search input{color:var(--text-primary-dark)}.participantes-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.participantes-summary .summary-card{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--surface-light);border-radius:var(--radius-lg)}.dark .participantes-summary .summary-card{background:var(--surface-dark);border:1px solid var(--border-dark)}.summary-card>.material-symbols-outlined{font-size:1.75rem;color:var(--primary)}.summary-value{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary-light)}.dark .summary-value{color:var(--text-primary-dark)}.summary-label{display:block;font-size:.75rem;color:var(--text-secondary-light)}.dark .summary-label{color:var(--text-secondary-dark)}.participantes-table-container{background:var(--surface-light);border-radius:var(--radius-lg);overflow:hidden}.dark .participantes-table-container{background:var(--surface-dark);border:1px solid var(--border-dark)}.participantes-table{width:100%}.participantes-table .clickable-row{cursor:pointer;transition:background .2s}.participantes-table .clickable-row:hover{background:rgba(var(--primary-rgb, 59, 130, 246),.1)}.dark .participantes-table .clickable-row:hover{background:var(--surface-dark-elevated)}.user-cell{display:flex;align-items:center;gap:var(--spacing-3)}.user-cell>div{display:flex;flex-direction:column}.user-name{font-weight:500;color:var(--text-primary-light)}.dark .user-name{color:var(--text-primary-dark)}.user-email{font-size:.75rem;color:var(--text-secondary-light)}.dark .user-email{color:var(--text-secondary-dark)}.count-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:.875rem;font-weight:600}.count-badge.projects{background:#3b82f626;color:#3b82f6}.count-badge.tasks{background:#10b98126;color:#10b981}.count-badge .material-symbols-outlined{font-size:1rem}.vacation-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.vacation-badge.on-vacation{background:#f59e0b26;color:#f59e0b}.vacation-badge.upcoming-vacation{background:#8b5cf626;color:#8b5cf6}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center;color:var(--text-secondary-light)}.dark .loading-state,.dark .empty-state{color:var(--text-secondary-dark)}.loading-state .material-symbols-outlined,.empty-state .material-symbols-outlined{font-size:3rem;margin-bottom:var(--spacing-4);opacity:.5}.participant-vacations-modal{max-width:600px;width:90%}.modal-title-row{display:flex;align-items:center;gap:var(--spacing-3)}.modal-title-row h2{margin:0;font-size:1.25rem}.participant-email{font-size:.875rem;color:var(--text-secondary-light)}.dark .participant-email{color:var(--text-secondary-dark)}.modal-body h3{display:flex;align-items:center;gap:var(--spacing-2);margin:0 0 var(--spacing-4) 0;font-size:1rem;font-weight:600}.modal-body h3 .material-symbols-outlined{font-size:1.25rem;color:var(--primary)}.vacation-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.vacation-item{padding:var(--spacing-3);background:var(--surface-light);border-radius:var(--radius-md);border-left:3px solid var(--border-light)}.dark .vacation-item{background:var(--surface-dark-elevated);border-left-color:var(--border-dark)}.vacation-item.ongoing{border-left-color:#f59e0b}.vacation-item.upcoming{border-left-color:#8b5cf6}.vacation-dates{display:flex;align-items:center;gap:var(--spacing-2)}.vacation-dates .material-symbols-outlined{color:var(--primary)}.date-range{font-weight:500}.days-count{display:block;font-size:.75rem;color:var(--text-secondary-light)}.dark .days-count{color:var(--text-secondary-dark)}.vacation-status{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:600;margin-left:auto}.status-ongoing{background:#f59e0b26;color:#f59e0b}.status-upcoming{background:#8b5cf626;color:#8b5cf6}.vacation-description{margin:var(--spacing-2) 0 0 0;font-size:.875rem;color:var(--text-secondary-light)}.dark .vacation-description{color:var(--text-secondary-dark)}.modal-footer-note{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4);padding:var(--spacing-3);background:#3b82f61a;border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary-light)}.dark .modal-footer-note{color:var(--text-secondary-dark)}.modal-footer-note .material-symbols-outlined{font-size:1.25rem;color:var(--primary)}@media (max-width: 768px){.participantes-table-container{overflow-x:auto}.participantes-table{min-width:600px}}.holidays-page{padding:2rem;max-width:1200px;margin:0 auto}.holidays-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.holidays-title{display:flex;align-items:center;gap:.75rem}.holidays-title .material-symbols-outlined{font-size:32px;color:var(--primary-color, #1e88e5)}.holidays-title h1{font-size:1.75rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0}.holidays-actions{display:flex;gap:1rem;align-items:center}.year-selector{padding:.5rem 1rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--bg-card, #fff);color:var(--text-primary);font-size:.9rem;cursor:pointer}.year-selector:focus{outline:none;border-color:var(--primary-color, #1e88e5)}.holidays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.holiday-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;transition:all .2s}.holiday-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.holiday-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color, #1e88e5),#1565c0);border-radius:10px;color:#fff}.holiday-date .day{font-size:1.5rem;font-weight:700;line-height:1}.holiday-date .month{font-size:.7rem;font-weight:600;text-transform:uppercase;margin-top:2px}.holiday-info{flex:1}.holiday-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.holiday-weekday{font-size:.85rem;color:var(--text-secondary, #666);margin:0;text-transform:capitalize}.recurring-badge{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;padding:.2rem .5rem;background:#1e88e51a;color:var(--primary-color, #1e88e5);border-radius:4px;font-size:.75rem;font-weight:500}.recurring-badge .material-symbols-outlined{font-size:14px}.holiday-actions{display:flex;gap:.5rem}.holiday-actions .btn-icon{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #666);transition:all .2s}.holiday-actions .btn-icon:hover{background:var(--bg-hover, #f5f5f5);color:var(--primary-color, #1e88e5)}.holiday-actions .btn-icon.danger:hover{background:#ef44441a;color:#ef4444}.holiday-actions .btn-icon .material-symbols-outlined{font-size:18px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary, #666)}.empty-state p{margin:0 0 1.5rem}.modal-content{background:var(--bg-card, #fff);border-radius:12px;width:90%;max-width:450px;box-shadow:0 20px 60px #0003}.btn-close:hover{background:var(--bg-hover, #f5f5f5)}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=date]{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:.9rem;background:var(--bg-input, #fff);color:var(--text-primary);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary-color, #1e88e5);box-shadow:0 0 0 3px #1e88e51a}.checkbox-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color, #1e88e5)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color, #e0e0e0);margin-top:.5rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--primary-color, #1e88e5);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#1565c0}.btn-primary .material-symbols-outlined{font-size:18px}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;color:var(--text-primary);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-hover, #f5f5f5)}.dark .holidays-page,.dark .holidays-title h1{color:#e0e0e0}.dark .error-message{color:#f87171}.dark .holiday-card{background:#1e1e1e;border-color:#333}.dark .holiday-card:hover{box-shadow:0 4px 12px #0000004d}.dark .holiday-info h3{color:#e0e0e0}.dark .modal-header{border-color:#333}.dark .modal-actions{border-color:#333}.dark .year-selector{background:#2a2a2a;border-color:#333;color:#e0e0e0}.dark .btn-secondary{border-color:#333;color:#e0e0e0}.dark .btn-secondary:hover,.dark .btn-close:hover,.dark .holiday-actions .btn-icon:hover{background:#333}.work-calendars-page{padding:2rem;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-title{display:flex;align-items:center;gap:.75rem}.page-title .material-symbols-outlined{font-size:32px;color:var(--primary-color, #1e88e5)}.page-title h1{font-size:1.75rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0}.info-box{display:flex;gap:.75rem;padding:1rem 1.25rem;background:#1e88e514;border:1px solid rgba(30,136,229,.2);border-radius:10px;margin-bottom:2rem}.info-box .material-symbols-outlined{color:var(--primary-color, #1e88e5);flex-shrink:0}.info-box p{margin:0;font-size:.9rem;color:var(--text-secondary, #666);line-height:1.5}.calendars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.calendar-card{padding:1.25rem;background:var(--bg-card, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;transition:all .2s}.calendar-card:hover{box-shadow:0 4px 12px #00000014}.calendar-card.is-default{border-color:var(--primary-color, #1e88e5);border-width:2px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.calendar-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.default-badge{padding:.25rem .5rem;background:var(--primary-color, #1e88e5);color:#fff;border-radius:4px;font-size:.75rem;font-weight:500}.calendar-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #666);font-size:.9rem}.detail-item .material-symbols-outlined{font-size:18px;color:var(--text-tertiary, #999)}.calendar-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e0e0e0)}.calendar-actions .btn-icon{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #666);transition:all .2s}.calendar-actions .btn-icon:hover{background:var(--bg-hover, #f5f5f5);color:var(--primary-color, #1e88e5)}.calendar-actions .btn-icon.danger:hover{background:#ef44441a;color:#ef4444}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state .material-symbols-outlined{font-size:64px;color:var(--text-tertiary, #ccc);margin-bottom:1rem}.empty-state h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{color:var(--text-secondary, #666);margin:0 0 1.5rem}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:4rem;color:var(--text-secondary, #666)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-card, #fff);border-radius:12px;width:90%;max-width:480px;box-shadow:0 20px 60px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.btn-close{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #666)}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group>label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:.9rem;background:var(--bg-input, #fff);color:var(--text-primary);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary-color, #1e88e5)}.checkboxes{display:flex;flex-direction:column;gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-primary);font-size:.9rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color, #1e88e5)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color, #e0e0e0)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--primary-color, #1e88e5);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer}.btn-primary:hover{filter:brightness(.9)}.btn-secondary{padding:.625rem 1.25rem;background:transparent;color:var(--text-primary);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:.875rem;cursor:pointer}.dark .page-title h1{color:#e0e0e0}.dark .calendar-card{background:#1e1e1e;border-color:#333}.dark .calendar-card.is-default{border-color:var(--primary-color, #1e88e5)}.dark .modal-content{background:#1e1e1e}.dark .modal-header,.dark .modal-actions,.dark .calendar-actions{border-color:#333}.dark .form-group input{background:#2a2a2a;border-color:#333;color:#e0e0e0}.dark .info-box{background:#1e88e526;border-color:#1e88e54d}.sync-settings-page{padding:2rem;max-width:1200px;margin:0 auto}.sync-settings-header{margin-bottom:2rem}.sync-settings-header h1{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;color:var(--text-primary);margin-bottom:.5rem}.sync-settings-header p{color:var(--text-secondary);margin:0}.sync-loading{display:flex;justify-content:center;align-items:center;min-height:300px}.sync-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.sync-card{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;transition:box-shadow .2s}.sync-card:hover{box-shadow:0 4px 12px #0000001a}.sync-card-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--border-color)}.sync-service-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.sync-service-icon.notion{background:linear-gradient(135deg,#000,#333)}.sync-service-icon.obsidian{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.sync-service-icon.gdrive{background:linear-gradient(135deg,#4285f4,#1a73e8)}.sync-service-info{flex:1}.sync-service-info h3{margin:0 0 .25rem;color:var(--text-primary);font-size:1.1rem}.sync-last{font-size:.8rem;color:var(--text-muted)}.sync-toggle{position:relative;width:50px;height:26px;cursor:pointer}.sync-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);border-radius:26px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.sync-toggle input:checked+.toggle-slider{background-color:var(--primary-color, #3b82f6)}.sync-toggle input:checked+.toggle-slider:before{transform:translate(24px)}.sync-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.sync-option{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sync-option label{color:var(--text-secondary);font-size:.9rem}.sync-option select{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;min-width:120px}.btn-sync{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-sync:hover:not(:disabled){background:var(--primary-hover, #2563eb)}.btn-sync:disabled{opacity:.6;cursor:not-allowed}.sync-logs-section{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);padding:1.5rem}.sync-logs-section h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;color:var(--text-primary);margin:0 0 1rem}.sync-logs-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem;color:var(--text-muted)}.sync-logs-empty .material-symbols-outlined{font-size:3rem;opacity:.5}.sync-logs-table{overflow-x:auto}.sync-logs-table table{width:100%;border-collapse:collapse}.sync-logs-table th,.sync-logs-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.sync-logs-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500;font-size:.8rem;text-transform:uppercase}.sync-logs-table td{color:var(--text-primary);font-size:.9rem}.sync-logs-table tr.log-error{background:#ef44441a}.sync-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase}.sync-status-badge.badge-success{background:#22c55e33;color:#22c55e}.sync-status-badge.badge-error{background:#ef444433;color:#ef4444}.sync-status-badge.badge-running{background:#3b82f633;color:#3b82f6}.sync-status-badge.badge-warning{background:#f59e0b33;color:#f59e0b}.sync-type-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary)}.sync-type-badge.notion{background:#0000001a;color:#333}.sync-type-badge.obsidian{background:#7c3aed1a;color:#7c3aed}.sync-type-badge.google_drive{background:#4285f41a;color:#4285f4}.items-synced{color:#22c55e;margin-right:.5rem}.items-failed{color:#ef4444}[data-theme=dark] .sync-type-badge.notion{background:#ffffff1a;color:#e0e0e0}@media (max-width: 768px){.sync-settings-page{padding:1rem}.sync-settings-grid{grid-template-columns:1fr}.sync-logs-table{font-size:.85rem}.sync-logs-table th,.sync-logs-table td{padding:.5rem}}.help-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fadeIn .2s ease-out}.help-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1000px;max-height:85vh;background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-xl);z-index:var(--z-modal);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.help-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--border-dark)}.help-modal-title{display:flex;align-items:center;gap:var(--spacing-3)}.help-modal-title .material-symbols-outlined{font-size:2rem;color:var(--primary)}.help-modal-title h2{font-size:1.5rem;font-weight:700;color:var(--text-primary-dark);margin:0}.help-modal-body{display:flex;flex:1;overflow:hidden}.help-modal-body.with-nav{display:grid;grid-template-columns:250px 1fr}.help-modal-nav{border-right:1px solid var(--border-dark);padding:var(--spacing-4);overflow-y:auto;background:var(--surface-dark-elevated)}.help-nav-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);border:none;background:transparent;color:var(--text-secondary-dark);font-size:.875rem;font-weight:500;text-align:left;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-1)}.help-nav-item:hover{background:var(--border-dark);color:var(--text-primary-dark)}.help-nav-item.active{background:var(--primary);color:#fff}.help-nav-item .material-symbols-outlined{font-size:1.25rem}.help-modal-content{padding:var(--spacing-6);overflow-y:auto;color:var(--text-primary-dark)}.help-modal-content h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-4);color:var(--text-primary-dark)}.help-modal-content h4{font-size:1.125rem;font-weight:600;margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);color:var(--text-primary-dark)}.help-modal-content p{font-size:.9375rem;line-height:1.6;color:var(--text-secondary-dark);margin-bottom:var(--spacing-4)}.help-modal-content ol,.help-modal-content ul{margin-left:var(--spacing-6);margin-bottom:var(--spacing-4)}.help-modal-content li{font-size:.9375rem;line-height:1.7;color:var(--text-secondary-dark);margin-bottom:var(--spacing-2)}.help-modal-content strong{color:var(--text-primary-dark);font-weight:600}.help-modal-content kbd{display:inline-block;padding:.125rem .5rem;background:var(--border-dark);border:1px solid var(--border-dark-subtle);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.8125rem;font-weight:600;color:var(--text-primary-dark);box-shadow:0 2px 0 var(--border-dark-subtle)}.help-alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);margin-top:var(--spacing-4)}.help-alert.warning{background:var(--status-warning-bg-dark);border:1px solid rgba(255,193,7,.3)}.help-alert .material-symbols-outlined{color:var(--status-warning);font-size:1.5rem;flex-shrink:0}.help-alert p{margin:0;font-size:.875rem;color:var(--text-primary-dark)}@keyframes slideUp{0%{transform:translate(-50%,-45%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@media (max-width: 768px){.help-modal{width:95%;max-height:90vh}.help-modal-body{grid-template-columns:1fr}.help-modal-nav{display:none}}.help-access-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-4);font-size:.875rem}.help-access-table th,.help-access-table td{padding:var(--spacing-3);text-align:left;border:1px solid var(--border-dark)}.help-access-table th{background:var(--surface-dark-elevated);color:var(--text-primary-dark);font-weight:600}.help-access-table td{background:var(--surface-dark);color:var(--text-secondary-dark)}.help-access-table td:nth-child(2),.help-access-table td:nth-child(3){text-align:center;font-size:1rem}.help-alert.info{background:#1387ec1a;border:1px solid rgba(19,135,236,.3)}.help-alert.info .material-symbols-outlined{color:var(--primary)}.help-alert.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.help-alert.success .material-symbols-outlined{color:#10b981}.help-modal-content ul ul{margin-top:var(--spacing-2);margin-left:var(--spacing-4)}.help-code-block{background:#1e1e1e;color:#d4d4d4;padding:var(--spacing-4);border-radius:var(--radius-lg);font-family:Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.6;overflow-x:auto;white-space:pre;margin:var(--spacing-3) 0}.global-search-trigger{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;color:var(--text-secondary)}.global-search-trigger:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.dark .global-search-trigger{background:var(--surface-dark-elevated);border-color:var(--border-dark);color:var(--text-secondary-dark)}.dark .global-search-trigger:hover{background:#ffffff0d;border-color:var(--primary)}.search-shortcut{font-size:.7rem;padding:2px 6px;background:var(--surface-hover);border-radius:4px;font-weight:600}.dark .search-shortcut{background:#ffffff1a}.global-search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.global-search-modal{width:100%;max-width:640px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dark .global-search-modal{background:var(--surface-dark-elevated);box-shadow:0 25px 50px -12px #00000080}.search-input-container{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--border-color)}.dark .search-input-container{border-bottom-color:var(--border-dark)}.search-icon{color:var(--text-secondary);font-size:24px}.search-input{flex:1;border:none;background:transparent;font-size:1.125rem;color:var(--text-primary);outline:none}.search-input::placeholder{color:var(--text-tertiary)}.dark .search-input{color:var(--text-primary-dark)}.search-loading{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.search-close{font-size:.75rem;padding:4px 8px;background:var(--surface-hover);border-radius:4px;color:var(--text-secondary);cursor:pointer}.dark .search-close{background:#ffffff1a}.search-results{max-height:400px;overflow-y:auto}.no-results{padding:var(--spacing-6);text-align:center;color:var(--text-secondary)}.result-group{border-bottom:1px solid var(--border-color)}.dark .result-group{border-bottom-color:var(--border-dark)}.result-group:last-child{border-bottom:none}.result-group-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);background:var(--surface-hover)}.dark .result-group-header{background:#ffffff08;color:var(--text-secondary-dark)}.result-group-header .material-symbols-outlined{font-size:16px}.result-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);cursor:pointer;transition:background .1s}.result-item:hover,.result-item.selected{background:#1387ec1a}.result-title{font-weight:500;color:var(--text-primary)}.dark .result-title{color:var(--text-primary-dark)}.result-meta{font-size:.8rem;color:var(--text-tertiary)}.search-footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-3);border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-tertiary)}.dark .search-footer{border-top-color:var(--border-dark)}.search-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:2px 6px;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:.7rem}.dark .search-footer kbd{background:#ffffff1a;border-color:var(--border-dark)}.public-view{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.public-view-loading,.public-view-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary)}.public-view-error .material-symbols-outlined{font-size:64px;color:var(--error)}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.public-header{background:var(--primary);padding:48px 24px;color:#fff}.public-header-content{max-width:1200px;margin:0 auto}.public-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3;padding:6px 12px;border-radius:20px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.public-header h1{font-size:2rem;margin:0 0 16px;font-weight:700}.public-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.meta-item{display:flex;align-items:center;gap:6px;opacity:.9}.meta-item .material-symbols-outlined{font-size:18px}.public-content{max-width:1200px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;gap:24px}.public-progress-card{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a}.public-progress-card h3{margin:0 0 20px;color:var(--text-new)}.progress-stats{display:flex;align-items:center;gap:32px}.progress-circle{position:relative;width:120px;height:120px}.progress-circle svg{transform:rotate(-90deg)}.progress-bg{fill:none;stroke:var(--border-color);stroke-width:8}.progress-fill{fill:none;stroke:var(--primary);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:var(--text-new)}.progress-info{display:flex;gap:32px}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2rem;font-weight:700;color:var(--text-new)}.stat-label{font-size:.875rem;color:var(--text-secondary)}.public-section{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a}.public-section h3{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:var(--text-new)}.project-description{color:var(--text-secondary);line-height:1.7;margin:0;white-space:pre-wrap}.task-group{margin-bottom:24px}.task-group:last-child{margin-bottom:0}.phase-header{margin:0 0 12px;padding-left:12px;border-left:4px solid var(--primary);font-size:1rem;color:var(--text-new)}.task-list{display:flex;flex-direction:column;gap:8px}.task-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;transition:transform .2s}.task-item:hover{transform:translate(4px)}.task-name{flex:1;font-weight:500;color:var(--text-new)}.task-assignee{color:var(--text-secondary);font-size:.875rem}.task-date{color:var(--text-tertiary);font-size:.75rem}.task-progress-mini{width:60px;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.task-progress-fill{height:100%;background:var(--success);transition:width .3s ease}.no-tasks{color:var(--text-tertiary);font-style:italic;margin:0;padding:12px}.public-footer{text-align:center;padding:32px;color:var(--text-tertiary);font-size:.875rem}.public-footer strong{color:var(--primary)}@media (max-width: 768px){.public-header{padding:32px 16px}.public-header h1{font-size:1.5rem}.progress-stats{flex-direction:column}.progress-info{justify-content:center}.task-item{flex-wrap:wrap}.task-name{flex-basis:100%;order:-1;margin-bottom:8px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-dark) 0%,#0a1117 100%);padding:var(--spacing-4)}.login-card{background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);max-width:420px;width:100%;border-radius:24px;padding:var(--spacing-8);box-shadow:0 25px 50px -12px #00000080}.login-header{margin-bottom:var(--spacing-6);text-align:center}.login-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,var(--primary) 0%,#0f6fc9 100%);border-radius:20px;margin-bottom:var(--spacing-4);box-shadow:0 10px 30px -5px #1387ec80;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-icon .material-symbols-outlined{font-size:36px;color:#fff}.login-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0 0 var(--spacing-2) 0}.login-header p{font-size:1rem;color:#94a3b8;margin:0}.login-content{display:flex;flex-direction:column;gap:var(--spacing-4)}.login-tabs{display:flex;background:#0f172a80;border-radius:12px;padding:4px;gap:4px}.login-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:#94a3b8;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.login-tab:hover{color:#fff}.login-tab.active{background:linear-gradient(135deg,var(--primary) 0%,#0f6fc9 100%);color:#fff}.login-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;font-size:.875rem}.login-error .material-symbols-outlined{font-size:20px;color:#ef4444}.login-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:6px;text-align:left}.form-group label{font-size:.875rem;font-weight:500;color:#a0a1a2}.form-group input{padding:12px 16px;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:10px;font-size:1rem;color:#fff;transition:all .2s}.form-group input::placeholder{color:#64748b}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1387ec33}.login-submit-btn{padding:14px 24px;background:linear-gradient(135deg,var(--primary) 0%,#0f6fc9 100%);border:none;border-radius:12px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 8px 24px #1387ec4d;display:flex;align-items:center;justify-content:center;gap:8px}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -5px #6366f166}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;gap:16px;color:#64748b;font-size:.875rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#94a3b833}.google-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:12px 24px;background:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;color:#334155;cursor:pointer;transition:all .2s}.google-login-btn:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.google-login-btn:active{transform:translateY(0)}.google-icon{width:20px;height:20px}.forgot-password-link{text-align:center;margin-top:-8px}.forgot-password-link a{font-size:.875rem;color:#94a3b8;text-decoration:none;transition:color .2s}.forgot-password-link a:hover{color:var(--primary);text-decoration:underline}.login-footer{margin-top:var(--spacing-4);text-align:center}.login-footer p{font-size:.75rem;color:#64748b}@media (max-width: 480px){.login-card{padding:var(--spacing-6);border-radius:20px}.login-header h1{font-size:1.75rem}}.setup-wizard{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,#1e1b4b 50%,var(--bg-primary) 100%);padding:40px 20px}.wizard-container{width:100%;max-width:900px;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-color);padding:40px;box-shadow:0 25px 50px -12px #00000080}.wizard-header{text-align:center;margin-bottom:40px}.logo-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.logo-icon{font-size:48px;background:linear-gradient(135deg,var(--accent-primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wizard-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wizard-subtitle{color:var(--text-secondary);font-size:1.125rem;margin-bottom:24px}.progress-bar{display:flex;align-items:center;justify-content:center;gap:0;margin-top:32px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px}.progress-step span{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);transition:all .3s ease}.progress-step.active span{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.progress-step label{font-size:.875rem;color:var(--text-secondary)}.progress-step.active label{color:var(--text-primary)}.progress-line{width:100px;height:2px;background:var(--border-color);margin:0 16px 24px}.wizard-error{display:flex;align-items:center;gap:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:16px;border-radius:12px;margin-bottom:24px}.wizard-error .material-symbols-outlined{font-size:24px}.wizard-step{text-align:center}.wizard-step h2{font-size:1.5rem;margin-bottom:8px}.step-description{color:var(--text-secondary);margin-bottom:32px}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px}@media (max-width: 768px){.mode-cards{grid-template-columns:1fr}}.mode-card{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;text-align:left;position:relative}.mode-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.mode-card.selected{border-color:var(--accent-primary);background:#6366f11a}.mode-card.selected:after{content:"✓";position:absolute;top:16px;right:16px;width:28px;height:28px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.mode-icon{font-size:36px;color:var(--accent-primary);margin-bottom:12px}.mode-card h3{font-size:1.25rem;margin-bottom:4px}.mode-subtitle{font-size:.875rem;color:var(--accent-primary);font-weight:500}.mode-card p{color:var(--text-secondary);font-size:.875rem;margin-top:12px;line-height:1.5}.mode-badge{display:inline-block;margin-top:12px;padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:500}.mode-badge.license{background:#f59e0b33;color:#fbbf24}.mode-badge.server{background:#3b82f633;color:#60a5fa;margin-left:8px}.config-section{max-width:500px;margin:0 auto 32px;text-align:left}.config-section label{display:block;font-weight:500;margin-bottom:8px}.config-section input{width:100%;padding:16px 20px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.config-section input:focus{outline:none;border-color:var(--accent-primary)}.license-input{font-family:monospace;font-size:1.125rem!important;letter-spacing:2px;text-align:center}.input-hint{font-size:.875rem;color:var(--text-secondary);margin-top:8px}.license-valid{display:flex;align-items:flex-start;gap:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);padding:16px;border-radius:12px;margin-top:16px}.license-valid .material-symbols-outlined{font-size:32px;color:#34d399}.license-valid strong{color:#34d399}.license-valid p{margin:4px 0 0;color:var(--text-secondary);font-size:.875rem}.config-section.ready{text-align:center;padding:40px;background:var(--bg-tertiary);border-radius:16px}.ready-icon{font-size:64px;color:#34d399}.config-section.ready h3{margin-top:16px;color:#34d399}.config-section.ready p{color:var(--text-secondary);margin-top:8px}.wizard-actions{display:flex;justify-content:center;gap:16px;margin-top:32px}.wizard-actions .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.wizard-actions .btn-primary{background:linear-gradient(135deg,var(--accent-primary),#7c3aed);color:#fff}.wizard-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.wizard-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.wizard-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.wizard-actions .btn-secondary:hover{background:var(--bg-hover)}.wizard-actions .btn-lg{padding:16px 32px;font-size:1.125rem}:root{--primary: #1387ec;--primary-hover: #0f6fc9;--primary-light: rgba(19, 135, 236, .1);--primary-dark: rgba(19, 135, 236, .2);--background-light: #f6f7f8;--background-dark: #101a22;--surface-light: #ffffff;--surface-dark: #111518;--surface-dark-elevated: #1a232b;--surface-dark-hover: #1c2227;--border-light: #e5e7eb;--border-dark: #283139;--border-dark-subtle: #3b4854;--text-primary-light: #111827;--text-primary-dark: #ffffff;--text-secondary-light: #6b7280;--text-secondary-dark: #9dacb9;--text-tertiary-light: #9ca3af;--text-tertiary-dark: #718192;--status-success: #28a745;--status-success-bg-light: #d1f4dd;--status-success-bg-dark: rgba(40, 167, 69, .2);--status-warning: #ffc107;--status-warning-bg-light: #fff3cd;--status-warning-bg-dark: rgba(255, 193, 7, .2);--status-error: #dc3545;--status-error-bg-light: #f8d7da;--status-error-bg-dark: rgba(220, 53, 69, .2);--status-info: #1387ec;--status-info-bg-light: #d1ecf1;--status-info-bg-dark: rgba(19, 135, 236, .2);--status-purple: #6f42c1;--status-purple-bg-light: #e2d9f3;--status-purple-bg-dark: rgba(111, 66, 193, .2);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}.dark{color-scheme:dark}.text-heading-1{font-size:2.25rem;font-weight:900;line-height:1.2;letter-spacing:-.033em}.text-heading-2{font-size:1.875rem;font-weight:800;line-height:1.25;letter-spacing:-.025em}.text-heading-3{font-size:1.5rem;font-weight:700;line-height:1.3;letter-spacing:-.015em}.text-heading-4{font-size:1.25rem;font-weight:700;line-height:1.4}.text-body-lg{font-size:1rem;font-weight:400;line-height:1.5}.text-body{font-size:.875rem;font-weight:400;line-height:1.5}.text-body-sm{font-size:.75rem;font-weight:400;line-height:1.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;line-height:1.5;transition:all var(--transition-base);cursor:pointer;border:none;outline:none;min-height:2.5rem}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--border-dark);color:var(--text-primary-dark)}.btn-secondary:hover{background-color:var(--border-dark-subtle)}.card{background-color:var(--surface-light);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.dark .card{background-color:var(--surface-dark);border:1px solid var(--border-dark)}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1.5}.badge-success{background-color:var(--status-success-bg-light);color:var(--status-success)}.dark .badge-success{background-color:var(--status-success-bg-dark);color:#4ade80}.badge-warning{background-color:var(--status-warning-bg-light);color:#d97706}.dark .badge-warning{background-color:var(--status-warning-bg-dark);color:#fbbf24}.badge-error{background-color:var(--status-error-bg-light);color:var(--status-error)}.dark .badge-error{background-color:var(--status-error-bg-dark);color:#f87171}.badge-info{background-color:var(--status-info-bg-light);color:var(--status-info)}.dark .badge-info{background-color:var(--status-info-bg-dark);color:#60a5fa}.input{width:100%;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:.875rem;line-height:1.5;border:1px solid var(--border-light);background-color:var(--surface-light);color:var(--text-primary-light);transition:all var(--transition-base);min-height:2.5rem}.dark .input{border-color:var(--border-dark);background-color:var(--border-dark);color:var(--text-primary-dark)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-2px)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--surface-light) 50%,var(--border-light) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.dark .skeleton{background:linear-gradient(90deg,var(--border-dark) 25%,var(--surface-dark-elevated) 50%,var(--border-dark) 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-light)}.dark ::-webkit-scrollbar-track{background:var(--surface-dark)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}.dark ::-webkit-scrollbar-thumb{background:var(--border-dark)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary-light)}.dark ::-webkit-scrollbar-thumb:hover{background:var(--border-dark-subtle)}