#worklog-navbar{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);z-index:9999 !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important}#worklog-navbar .nav-link{@apply relative cursor-pointer;z-index:1001;pointer-events:auto !important;position:relative;display:inline-block}#worklog-navbar .nav-link:hover{@apply text-primary-600}#worklog-navbar .nav-link:hover .nav-indicator{@apply scale-x-100}#worklog-navbar .nav-link.active .nav-indicator{@apply scale-x-100}#worklog-mobile-menu{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000}#worklog-mobile-menu .mobile-nav-link{@apply cursor-pointer;z-index:1001;pointer-events:auto !important;position:relative;display:block}#worklog-navbar a{@apply pointer-events-auto;position:relative;z-index:1002;display:inline-block;text-decoration:none;cursor:pointer !important;pointer-events:auto !important;user-select:none}#worklog-navbar a:hover{@apply no-underline;text-decoration:none !important;cursor:pointer !important}#worklog-navbar a:focus{outline:2px solid #3b82f6;outline-offset:2px;cursor:pointer !important}#worklog-navbar a:active{cursor:pointer !important}#worklog-mobile-menu a{@apply pointer-events-auto;position:relative;z-index:1002;display:block;text-decoration:none}#worklog-mobile-menu a:hover{@apply no-underline;text-decoration:none !important}#worklog-mobile-menu a:focus{outline:2px solid #3b82f6;outline-offset:2px}.worklog-welcome{@apply relative overflow-hidden}.worklog-welcome::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,5%) 0%,rgba(16,185,129,5%) 100%);border-radius:1rem}.worklog-welcome>*{@apply relative z-10}.btn-primary{@apply inline-flex items-center px-6 py-3 bg-gradient-to-r from-primary-600 to-tech-600 hover:from-primary-700 hover:to-tech-700 text-white font-semibold rounded-xl transition-all duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-1}.btn-outline{@apply inline-flex items-center px-6 py-3 border-2 border-primary-600 text-primary-600 hover:bg-primary-600 hover:text-white font-semibold rounded-xl transition-all duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-1}.worklog-header{background:linear-gradient(135deg,#1a365d 0%,#2d3748 100%);position:relative;overflow:hidden}.worklog-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.worklog-content{@apply text-gray-800 text-sm}.worklog-content h1{@apply text-2xl font-bold text-gray-900 mb-3}.worklog-content h2{@apply text-xl font-semibold text-gray-800 mb-2 mt-4}.worklog-content h3{@apply text-lg font-medium text-gray-700 mb-2 mt-3}.worklog-content h4{@apply text-base font-medium text-gray-600 mb-2 mt-2}.worklog-content p{@apply text-gray-700 leading-relaxed mb-3 text-sm}.worklog-content ul{@apply list-disc list-inside text-gray-700 mb-3 space-y-1 text-sm}.worklog-content ol{@apply list-decimal list-inside text-gray-700 mb-3 space-y-1 text-sm}.worklog-content li{@apply text-gray-700 text-sm}.worklog-content ul li input[type=checkbox]{@apply mr-2 transform scale-110 accent-primary-600}.worklog-content ul li:has(input[type=checkbox]:checked){@apply text-gray-500 line-through}.worklog-content h2:contains("Task Status"){@apply bg-gradient-to-r from-primary-50 to-tech-50 border border-primary-200 rounded-lg p-4 mb-6}.worklog-content h2:contains("Task Status")+ul{@apply bg-gradient-to-r from-primary-50 to-tech-50 border border-primary-200 rounded-lg p-4 mb-6}.worklog-content ul li:has(input[type=checkbox]){@apply flex items-center space-x-2 py-2 px-3 rounded-lg hover:bg-gray-50 transition-colors duration-200}.worklog-content ul li:has(input[type=checkbox]:checked){@apply bg-green-50 text-green-700}.worklog-content ul li:has(input[type=checkbox]:checked) input[type=checkbox]{@apply bg-green-500 border-green-500}.worklog-content p:has(strong:contains("Location:")){@apply bg-blue-50 border-l-4 border-blue-500 pl-4 py-2 rounded-r-lg mb-4 text-blue-800}.worklog-content p:has(strong:contains("Daily Tasks:")){@apply font-semibold text-gray-800 mb-2}.worklog-content p:has(strong:contains("2025")){@apply text-sm text-gray-600 font-medium mb-2 bg-gray-100 px-3 py-1 rounded-full inline-block}.worklog-content h2:contains("[Week"){@apply bg-gradient-to-r from-primary-50 to-tech-50 border border-primary-200 rounded-lg p-4 mb-6 text-primary-800 font-semibold}.worklog-content h3:contains("th,"){@apply bg-gray-50 border border-gray-200 rounded-lg p-3 mb-4 text-gray-800}.worklog-content{@apply text-gray-800 leading-relaxed}.worklog-content h1{@apply text-3xl font-bold text-gray-900 mb-6 pb-3 border-b-2 border-primary-200}.worklog-content h2{@apply text-2xl font-bold text-gray-900 mb-4 mt-8 pb-2 border-b border-gray-200}.worklog-content h3{@apply text-xl font-semibold text-gray-800 mb-3 mt-6}.worklog-content h4{@apply text-lg font-medium text-gray-700 mb-2 mt-4}.worklog-content p{@apply text-gray-700 leading-relaxed mb-4}.worklog-content ul{@apply list-disc list-inside text-gray-700 mb-4 space-y-2}.worklog-content ol{@apply list-decimal list-inside text-gray-700 mb-4 space-y-2}.worklog-content li{@apply text-gray-700}.worklog-content ul{@apply space-y-2}.worklog-content ul li{@apply flex items-center space-x-3 py-2 px-3 rounded-lg hover:bg-gray-50 transition-colors duration-200}.worklog-content ul li input[type=checkbox]{@apply w-4 h-4 text-primary-600 bg-gray-100 border-gray-300 rounded focus:ring-primary-500 focus:ring-2}.worklog-content ul li:has(input[type=checkbox]:checked){@apply bg-green-50 text-green-700}.worklog-content ul li:has(input[type=checkbox]:checked) input[type=checkbox]{@apply bg-green-500 border-green-500}.worklog-content ul li:has(input[type=checkbox]:checked) span{@apply line-through}.worklog-content p:contains("📍"){@apply bg-blue-50 border-l-4 border-blue-500 pl-4 py-2 rounded-r-lg mb-4 text-blue-800}.worklog-content strong{@apply font-semibold text-gray-800}.worklog-content h2:contains("[Week"){@apply bg-gradient-to-r from-primary-50 to-tech-50 border border-primary-200 rounded-lg p-4 mb-6}.worklog-content h3:contains("th,"){@apply bg-gray-50 border border-gray-200 rounded-lg p-3 mb-4}.worklog-stats .stat-card{transition:all .3s ease;border-left:4px solid transparent}.worklog-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,4%)}.worklog-stats .stat-card:nth-child(1){border-left-color:#3b82f6}.worklog-stats .stat-card:nth-child(2){border-left-color:#10b981}.worklog-stats .stat-card:nth-child(3){border-left-color:#f59e0b}.worklog-filters{position:sticky;top:80px;z-index:10}.worklog-filters .search-input{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e2e8f0;transition:all .3s ease}.worklog-filters .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);background:#fff}.worklog-timeline{position:relative}.timeline-group{position:relative}.timeline-group-header{position:relative;padding-left:2rem}.timeline-group-header::before{content:'';position:absolute;left:-.5rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background:#3b82f6;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 3px #3b82f6}.timeline-entry{position:relative;margin-left:2rem;transition:all .3s ease;border-left:3px solid transparent}.timeline-entry:hover{transform:translateX(2px);border-left-color:#3b82f6;box-shadow:0 10px 25px -5px rgba(0,0,0,.1)}.timeline-entry .entry-header{@apply border-b border-gray-100 pb-4 mb-4}.timeline-entry .entry-title{@apply text-xl font-semibold text-gray-900 mb-2}.timeline-entry .entry-meta{@apply flex items-center space-x-4 text-sm text-gray-500}.timeline-entry .entry-status{@apply flex items-center space-x-2}.timeline-entry .entry-content-preview{@apply text-gray-600 leading-relaxed}.timeline-entry .entry-tags{@apply flex flex-wrap gap-2 mt-4}.timeline-entry .entry-actions{@apply flex items-center justify-between mt-4 pt-4 border-t border-gray-100}.worklog-content ul li{@apply flex items-start space-x-2 py-1}.worklog-content ul li input[type=checkbox]{@apply mt-1 flex-shrink-0}.worklog-content ul li:has(input[type=checkbox]:checked){@apply text-gray-500}.worklog-content ul li:has(input[type=checkbox]:checked) span{@apply line-through}.worklog-content ul{@apply space-y-2}.worklog-content ul li{@apply flex items-center space-x-3 py-2 px-3 rounded-lg hover:bg-gray-50 transition-colors duration-200}.worklog-content ul li input[type=checkbox]{@apply w-4 h-4 text-primary-600 bg-gray-100 border-gray-300 rounded focus:ring-primary-500 focus:ring-2}.worklog-content ul li:has(input[type=checkbox]:checked){@apply bg-green-50 text-green-700}.worklog-content ul li:has(input[type=checkbox]:checked) input[type=checkbox]{@apply bg-green-500 border-green-500}.worklog-content h2:contains("Task Status"){@apply bg-gradient-to-r from-primary-50 to-tech-50 border border-primary-200 rounded-lg p-4 mb-6 text-primary-800 font-semibold}.worklog-content h2:contains("Task Status")+ul{@apply bg-gradient-to-r from-primary-50 to-tech-50 border border-primary-200 rounded-lg p-4 mb-6}.worklog-content h2:contains("Task Status")+ul li{@apply text-primary-700 font-medium}.task-status-badge{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium}.task-status-badge.todo{@apply bg-gray-100 text-gray-800}.task-status-badge.working{@apply bg-yellow-100 text-yellow-800}.task-status-badge.completed{@apply bg-green-100 text-green-800}.worklog-content h2{@apply text-2xl font-bold text-gray-900 mb-4 mt-8 pb-2 border-b border-gray-200}.worklog-content h3{@apply text-xl font-semibold text-gray-800 mb-3 mt-6}.worklog-content h4{@apply text-lg font-medium text-gray-700 mb-2 mt-4}.worklog-content .date-range{@apply text-sm text-gray-500 font-medium mb-2}.worklog-content .daily-entry{@apply text-base text-gray-700 mb-3}.worklog-content .location{@apply text-sm text-gray-500 italic}.timeline-entry{@apply bg-white rounded-xl shadow-lg border border-gray-200 hover:shadow-xl transition-all duration-300}.timeline-entry .entry-header{@apply p-6 pb-4}.timeline-entry .entry-content-preview{@apply px-6 pb-4}.timeline-entry .entry-tags{@apply px-6 pb-4}.timeline-entry .entry-actions{@apply px-6 pb-6}.timeline-entry[data-status=completed]{border-left-color:#10b981}.timeline-entry[data-status=in-progress]{border-left-color:#f59e0b}.entry-content .prose h1,.entry-content .prose h2,.entry-content .prose h3,.entry-content .prose h4,.entry-content .prose h5,.entry-content .prose h6{color:#1f2937;font-weight:500;margin-top:.6rem;margin-bottom:.6rem}.entry-content .prose h1{font-size:1.5rem;border-bottom:2px solid #e5e7eb}.entry-content .prose h2{font-size:1.25rem;color:#3b82f6}.entry-content .prose h3{font-size:1.125rem;color:#059669}.entry-content .prose ul,.entry-content .prose ol{margin:1rem 0;padding-left:1.5rem}.entry-content .prose li{margin:.5rem 0}.entry-content .prose li::marker{color:#3b82f6}.entry-content .prose blockquote{border-left:4px solid #3b82f6;background:#f8fafc;padding:1rem 1.5rem;margin:1.5rem 0;border-radius:.5rem;font-style:italic;color:#4b5563}.entry-content .prose code{background:#f1f5f9;color:#e11d48;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-family:jetbrains mono,monospace}.entry-content .prose pre{background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin:1.5rem 0;border:1px solid #334155}.entry-content .prose pre code{background:0 0;color:inherit;padding:0;border-radius:0}.entry-content .prose ul li input[type=checkbox]{margin-right:.5rem;transform:scale(1.2);accent-color:#3b82f6}.entry-content .prose ul li:has(input[type=checkbox]:checked){text-decoration:line-through;color:#6b7280;opacity:.7}.progress-bar{background:linear-gradient(90deg,#3b82f6,#10b981);height:.5rem;border-radius:.25rem;transition:width .3s ease}.progress-circle{width:4rem;height:4rem;border-radius:50%;background:conic-gradient(#3b82f6 0,#3b82f6 var(--progress,0deg),#e5e7eb var(--progress,0deg));display:flex;align-items:center;justify-content:center;font-weight:600;color:#1f2937}@media(max-width:768px){.worklog-header{padding:2rem 0}.worklog-header h1{font-size:2rem}.timeline-entry{margin-left:3rem}.worklog-stats{grid-template-columns:1fr}.worklog-filters{position:static}.worklog-filters .flex{flex-direction:column;space-y:1rem}.worklog-content h2:contains("Task Status"){@apply text-lg p-3}.worklog-content h2:contains("Task Status")+ul{@apply p-3}.timeline-entry{@apply mx-2}.timeline-entry .entry-header{@apply p-4}.timeline-entry .entry-content-preview{@apply px-4 pb-4}.timeline-entry .entry-actions{@apply px-4 pb-4}}@media(max-width:640px){.entry-header .flex{flex-direction:column;space-y:1rem}.entry-navigation .flex{flex-direction:column;space-y:1rem}.entry-navigation .flex>div{width:100%}.entry-navigation .flex>div:not(:empty){display:flex;justify-content:center}}@media(prefers-color-scheme:dark){.worklog-header{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.timeline-entry{background:#1e293b;border-color:#334155;color:#e2e8f0}.timeline-entry:hover{background:#334155}.entry-content .prose h1,.entry-content .prose h2,.entry-content .prose h3,.entry-content .prose h4,.entry-content .prose h5,.entry-content .prose h6{color:#090909}.entry-content .prose blockquote{background:#334155;border-left-color:#3b82f6;color:#cbd5e1}.entry-content .prose code{background:#334155;color:#fbbf24}.entry-content .prose pre{background:#0f172a;border-color:#1e293b}}@media print{.worklog-header{background:#fff !important;color:#000 !important}.worklog-filters,.entry-navigation,.breadcrumb{display:none !important}.timeline-entry{break-inside:avoid;margin-bottom:1rem}.entry-content .prose{color:#000 !important}.entry-content .prose h1,.entry-content .prose h2,.entry-content .prose h3,.entry-content .prose h4,.entry-content .prose h5,.entry-content .prose h6{color:#000 !important}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-entry{animation:fadeInUp .6s ease-out}.timeline-entry:nth-child(odd){animation-delay:.1s}.timeline-entry:nth-child(even){animation-delay:.2s}.worklog-loading{display:flex;align-items:center;justify-content:center;padding:3rem}.worklog-loading .spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.search-highlight{background:#fef3c7;padding:.125rem .25rem;border-radius:.25rem;font-weight:600}.filter-transition{transition:all .3s ease}.filter-transition.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.filter-transition.visible{opacity:1;transform:translateY(0);pointer-events:auto}#toggle-months-btn{transition:all .3s ease}#toggle-months-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(0,0,0,.1)}#toggle-months-btn.expanded-all{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}#toggle-months-btn.expanded-all:hover{background:linear-gradient(135deg,#059669,#047857)}.timeline-group-header{transition:all .3s ease}.timeline-group-header:hover{background:rgba(59,130,246,5%);border-radius:.75rem}.timeline-group-header h2{transition:all .3s ease}.timeline-group-header:hover h2{color:#3b82f6}.month-toggle-icon{transition:transform .3s ease}.month-toggle-icon.rotated{transform:rotate(-90deg)}.month-content{transition:all .3s ease;overflow:hidden}.month-content.collapsed{max-height:0;opacity:0;margin:0;padding:0}.month-content.expanded{max-height:1000px;opacity:1}.month-content[style*="display: none"]{display:none !important;visibility:hidden !important;height:0 !important;overflow:hidden !important}.month-content[style*="display: block"]{display:block !important;visibility:visible !important}.timeline-group{border-left:3px solid transparent;transition:all .3s ease}.timeline-group:hover{border-left-color:#3b82f6}.timeline-group[data-month]{position:relative}.timeline-group[data-month]::before{content:'';position:absolute;left:-1.5rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#e5e7eb,#d1d5db);border-radius:1px}.timeline-group[data-month]:hover::before{background:linear-gradient(to bottom,#3b82f6,#1d4ed8)}