.theme-toggle-button{border:none;background-color:transparent;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;transition:transform .3s ease}.theme-toggle-button:hover{transform:scale(1.1)}.theme-toggle-button svg{width:100%;height:100%;stroke:currentColor}.moon-icon.hidden,.sun-icon.hidden{opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s ease}.moon-icon.visible,.sun-icon.visible{opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease}.timesheet-container{max-width:1000px;margin:0 auto;padding:20px;font-family:var(--font-sans);background-color:hsl(var(--background));color:hsl(var(--foreground))}.timesheet-container h1{text-align:center;margin-bottom:20px;color:hsl(var(--foreground))}.week-tabs{display:flex;overflow-x:auto;margin-bottom:15px;border-bottom:1px solid hsl(var(--border));padding-bottom:2px}.week-tab{padding:10px 15px;border:1px solid hsl(var(--border));border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;background-color:hsl(var(--muted));margin-right:5px;cursor:pointer;position:relative;color:hsl(var(--muted-foreground));transition:all .2s ease-in-out}.week-tab.active{background-color:hsl(var(--card));border-bottom:2px solid hsl(var(--card));margin-bottom:-1px;font-weight:700;color:hsl(var(--card-foreground))}.week-tab:hover{background-color:hsl(var(--muted)/.8)}.week-tab.active:hover{background-color:hsl(var(--card))}.week-tab.add-week{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.week-tab.add-week:hover{background-color:hsl(var(--primary)/.9)}.remove-week-button{margin-left:8px;color:hsl(var(--destructive));font-weight:700;font-size:16px}.remove-week-button:hover{color:hsl(var(--destructive)/.9)}.week-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.week-name-input{font-size:18px;font-weight:700;padding:5px 10px;border:1px solid transparent;border-radius:var(--radius);width:200px;background-color:hsl(var(--card));color:hsl(var(--card-foreground))}.week-name-input:focus{border-color:hsl(var(--ring));outline:none;box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.week-actions{display:flex;gap:10px}.add-week-from-current{padding:8px 15px;background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s ease-in-out}.add-week-from-current:hover{background-color:hsl(var(--secondary)/.9)}.action-buttons{display:flex;gap:10px;margin-bottom:20px;justify-content:flex-start;align-items:center}.custom-day-input{flex:1;max-width:200px}.custom-day-input input{width:100%;padding:8px;border:1px solid hsl(var(--border));border-radius:var(--radius);background-color:hsl(var(--input));color:hsl(var(--foreground))}.custom-day-input input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.add-button{padding:8px 15px;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s ease-in-out}.add-button:hover{background-color:hsl(var(--primary)/.9)}.no-days-message{text-align:center;padding:30px;background-color:hsl(var(--muted));border-radius:var(--radius);color:hsl(var(--muted-foreground));font-style:italic}.timesheet-table{width:100%;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:20px}.timesheet-row{display:flex;flex-direction:column;padding:15px;background-color:hsl(var(--card));border-bottom:1px solid hsl(var(--border))}.row-alternate{background-color:hsl(var(--muted)/.3)}.row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.day-label{font-weight:700;color:hsl(var(--card-foreground));font-size:16px}.hours-total-mobile{display:block;font-weight:700;color:hsl(var(--primary));font-size:14px}.hours-total-desktop{display:none}.remove-row-button{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease-in-out}.remove-row-button:hover{background-color:hsl(var(--destructive)/.9)}.time-section{display:flex;flex-direction:column;gap:12px}.time-row{display:flex;gap:15px}.time-group{flex:1;display:flex;flex-direction:column}.time-label{font-size:12px;color:hsl(var(--muted-foreground));margin-bottom:6px;font-weight:500}.time-input{display:flex;align-items:center;gap:4px}.break-row{display:flex;gap:15px;align-items:flex-end}.break-group{flex:1;display:flex;flex-direction:column}.break-label{font-size:12px;color:hsl(var(--muted-foreground));margin-bottom:6px;font-weight:500}.break-input{display:flex}.ampm-select,.break-select,.hour-select,.minute-select{text-align:center;padding:8px 4px;border:1px solid hsl(var(--border));border-radius:var(--radius);font-size:14px;background-color:hsl(var(--input));color:hsl(var(--foreground));transition:all .2s ease-in-out}.ampm-select:focus,.break-select:focus,.hour-select:focus,.minute-select:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.hour-select,.minute-select{width:50px}.ampm-select{width:65px}.break-select{width:100%;padding:8px}.time-separator{margin:0 2px;font-weight:700;font-size:14px;color:hsl(var(--foreground))}.week-total-row{display:flex;justify-content:flex-end;padding:10px 15px;background-color:hsl(var(--accent)/.1);border-top:2px solid hsl(var(--border));font-weight:700;color:hsl(var(--accent-foreground))}.week-total-label{margin-right:20px}.week-total-hours{width:100px;text-align:right;color:hsl(var(--primary))}.totals-section{padding:15px;background-color:hsl(var(--card));border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid hsl(var(--border))}.week-summaries{margin-bottom:20px}.week-summaries h3{margin-top:0;margin-bottom:10px;color:hsl(var(--card-foreground))}.week-summary-list{margin-bottom:15px}.week-summary-item{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed hsl(var(--border));color:hsl(var(--card-foreground))}.all-weeks-total{font-size:18px;margin:15px 0;color:hsl(var(--card-foreground));font-weight:700}.hourly-rate-section{display:flex;align-items:center;gap:10px;margin-bottom:15px}.hourly-rate-section label{color:hsl(var(--card-foreground));font-weight:500}.hourly-rate-section input{width:80px;padding:8px;border:1px solid hsl(var(--border));border-radius:var(--radius);background-color:hsl(var(--input));color:hsl(var(--foreground))}.hourly-rate-section input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.calculate-pay-button{padding:8px 15px;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s ease-in-out;font-weight:500}.calculate-pay-button:hover{background-color:hsl(var(--primary)/.9)}.pay-calculation{margin-top:15px;padding:15px;background-color:hsl(var(--muted)/.3);border-radius:var(--radius);border:1px solid hsl(var(--border))}.pay-detail{margin-bottom:10px;color:hsl(var(--card-foreground))}.pay-detail,.pay-total{display:flex;justify-content:space-between}.pay-total{padding-top:10px;border-top:1px solid hsl(var(--border));font-weight:700;font-size:18px;color:hsl(var(--primary))}@media (min-width:768px){.timesheet-row{flex-direction:row;align-items:center;padding:10px 15px}.row-header{margin-bottom:0;width:140px;flex-shrink:0}.day-label{width:120px}.hours-total-mobile{display:none}.hours-total-desktop{display:flex;flex-direction:column;align-items:center;flex:1}.hours-label{font-size:12px;color:hsl(var(--muted-foreground));margin-bottom:4px;font-weight:500}.hours-value{font-weight:700;color:hsl(var(--primary))}.time-section{flex-direction:row;align-items:center}.time-row,.time-section{flex:1;gap:20px}.break-row{gap:20px;align-items:center}.break-group,.time-group{flex-direction:row;align-items:center;gap:8px}.break-label,.hours-label,.time-label{display:none}.remove-row-button{width:25px;height:25px;margin-left:10px}}@media (min-width:1024px){.hour-select,.minute-select{width:60px}.ampm-select{width:80px}.break-select{width:100px}}@media (max-width:767px){.timesheet-container{padding:10px}.week-tabs{padding:0 5px}.week-tab{padding:8px 12px;font-size:14px;white-space:nowrap}.action-buttons{flex-direction:column;gap:8px;margin-bottom:15px}.custom-day-input{max-width:none}.add-button{padding:10px 15px;font-size:14px}select{min-height:44px;touch-action:manipulation}.week-header{flex-direction:column;align-items:stretch;gap:10px}.week-name-input{width:100%;font-size:16px}.week-actions{justify-content:center}.add-week-from-current{width:100%;padding:10px 15px}.hourly-rate-section{flex-direction:column;align-items:stretch;gap:8px}.hourly-rate-section input{width:100%}.calculate-pay-button{width:100%;padding:10px 15px}.simple-timesheet-export{margin-top:2rem;padding:1.5rem;border:2px solid #2563eb;border-radius:8px;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.simple-timesheet-export h3{margin:0 0 1.5rem;color:#1e40af;font-size:1.25rem}.export-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.9rem}.form-group input[type=text]{padding:.75rem;border:2px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-group input[type=text]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.radio-group{display:flex;gap:1rem}.radio-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease;font-weight:400}.radio-group label:hover{background-color:rgba(37,99,235,.05)}.radio-group input[type=radio]{width:16px;height:16px;cursor:pointer}.export-summary{grid-column:1/-1;background:white;padding:1rem;border-radius:6px;border-left:4px solid #10b981;margin:1rem 0}.export-summary p{margin:0 0 .5rem;color:#374151;font-weight:600}.export-summary ul{margin:0;padding-left:1.5rem;color:#6b7280}.export-summary li{margin-bottom:.25rem}.export-help{margin-top:1.5rem;padding:1rem;background:white;border-radius:6px;border:1px solid #e5e7eb}.export-help p{margin:0 0 .75rem;color:#374151;font-weight:600}.export-help ul{margin:0;padding-left:1.5rem;color:#6b7280}.export-help li{margin-bottom:.5rem;line-height:1.4}.export-help strong{color:#374151}@media (max-width:768px){.export-form{grid-template-columns:1fr}.radio-group{flex-direction:column}.simple-timesheet-export{padding:1rem}}}body,html{margin:0;padding:0;width:100%;height:100%;color:var(--foreground);transition:color .3s ease}input,textarea{background-color:var(--input);color:var(--foreground);border:1px solid var(--border);padding:.5rem;border-radius:var(--radius);transition:background-color .3s ease,color .3s ease,border-color .3s ease}input:focus,textarea:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px var(--ring)}select{background-color:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease}select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px var(--ring)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:#1a1a2e;font-weight:700;line-height:1.3;margin-top:2rem;margin-bottom:.75rem}.dark .blog-content h1,.dark .blog-content h2,.dark .blog-content h3,.dark .blog-content h4,.dark .blog-content h5,.dark .blog-content h6{color:#fff}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.6rem}.blog-content h3{font-size:1.3rem}.blog-content p{margin-bottom:1.25rem;line-height:1.8}.blog-content a{color:#4A6CF7;text-decoration:underline}.blog-content a:hover{opacity:.8}.blog-content b,.blog-content strong{font-weight:700;color:#1a1a2e}.dark .blog-content b,.dark .blog-content strong{color:#fff}.blog-content ol,.blog-content ul{margin:1rem 0 1.25rem 1.5rem}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content li{margin-bottom:.5rem;line-height:1.7}.blog-content blockquote{border-left:4px solid #4a6cf7;padding:.75rem 1.25rem;margin:1.5rem 0;background:rgba(74,108,247,.06);border-radius:0 4px 4px 0;font-style:italic}.blog-content code{background:rgba(74,108,247,.08);padding:.15em .4em;border-radius:3px;font-size:.9em;font-family:monospace}.blog-content pre{background:#1a1a2e;color:#e2e8f0;padding:1.25rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0}.blog-content pre code{background:transparent;padding:0}.blog-content img{max-width:100%;height:auto;border-radius:6px;margin:1.5rem auto;display:block}.blog-content hr{border:none;border-top:1px solid rgba(0,0,0,.1);margin:2rem 0}.dark .blog-content hr{border-top-color:rgba(255,255,255,.1)}