@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&display=swap";@font-face{font-family:Departure Mono;src:url(../fonts/DepartureMono.woff2) format("woff2");font-weight:400;font-style:normal}:root{--background-primary: #1A1A1A;--background-secondary: #242424;--text-primary: #cacaca;--text-secondary: #666666;--background-tertiary: #333333;--border-color: #333333;--border-color-secondary: #dedede;--action-primary: #333333;--action-hover: #444444;--action-success: #4CAF50;--action-success-hover: rgba(76, 175, 80, .1);--action-danger: #ef4444;--action-danger-hover: rgba(239, 68, 68, .1);--action-warning: #FFA500;--action-warning-hover: rgba(255, 165, 0, .1);--color-sleep: #98D89E;--color-work: #FFD700;--color-exercise: #FF6B6B;--color-software: #4CAF50;--color-creative: #FF8C69;--color-gaming: #FF69B4;--color-cooking: #FFA500;--color-family: #20B2AA;--color-learning: #9370DB;--color-reading: #FFD700;--color-selfcare: #00CED1;--color-other: #FFC0CB;--font-mono: "DM Mono", monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-xxl: 1.5rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .1);--transition-base: .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background-primary);color:var(--text-primary)}h1,h2,h3{font-family:var(--font-mono);color:var(--text-primary);font-weight:var(--font-weight-regular);margin:0}h1{font-size:var(--text-xl);margin-bottom:var(--spacing-6)}h2{font-size:var(--text-base);margin-bottom:var(--spacing-4)}h3{font-size:var(--text-base);margin-bottom:var(--spacing-3)}body{font-family:var(--font-mono);line-height:1.5;font-weight:var(--font-weight-regular)}button{font-family:var(--font-mono)}#root{max-width:1280px;margin:0 auto;padding:var(--spacing-2)}.card{padding:var(--spacing-6)}.read-the-docs{color:var(--text-primary)}.dashboard{max-width:1440px;margin:0 auto;padding:var(--spacing-6);color:var(--text-primary)}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.dashboard-bottom section{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-6)}.dashboard-bottom h2{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.analysis,.distribution{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-6)}main{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:1440px;margin:0 auto;width:100%}.weekly-overview{flex:1}.coming-soon{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm)}.summary{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-6);margin-top:var(--spacing-4);width:100%}.summary h2{margin-bottom:var(--spacing-4);display:flex;justify-content:space-between;align-items:center}.main-menu{position:sticky;top:0;z-index:100;padding:8px 8px 8px 12px;background:#242424ae;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);border:0px solid var(--border-color);margin:calc(var(--spacing-4) * -1);margin-bottom:var(--spacing-6);box-shadow:0 0 10px #0000001a}.menu-content{display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto}.app-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.menu-right{display:flex;align-items:center;gap:var(--spacing-3)}.user-menu{position:relative}.user-button{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:var(--spacing-1);cursor:pointer;color:var(--text-secondary);transition:var(--transition-base)}.user-button:hover{color:var(--text-primary)}.user-icon{width:32px;height:32px}.dropdown-menu{position:absolute;top:calc(100% + var(--spacing-2));right:0;background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-2);min-width:200px;box-shadow:0 4px 12px #0003;border:1px solid var(--border-color);opacity:1;transform-origin:top right;animation:dropdownEnter var(--transition-base);display:flex;flex-direction:column}@keyframes dropdownEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2) var(--spacing-3);background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);font-family:var(--font-mono);text-align:left;border-radius:var(--radius-sm)}.dropdown-item:hover{background:var(--action-primary);color:var(--text-primary)}.date{font-size:var(--text-sm);color:var(--text-primary)}.dropdown-divider{height:1px;margin:var(--spacing-1) 0;background-color:var(--border-color)}.dropdown-menu .dropdown-item:last-child{color:var(--action-danger)}.dropdown-menu .dropdown-item:last-child:hover{background:var(--action-danger-hover)}.logo-container{padding:0;display:flex;align-items:center}.logo{height:20px;margin-left:var(--spacing-2);object-fit:contain}.weekly-chart{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-6)}.chart-header{display:flex;align-items:center;margin-bottom:var(--spacing-6);gap:var(--spacing-8);justify-content:space-between}.chart-header-left{display:flex;align-items:center;gap:var(--spacing-4);width:380px}.nav-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-2);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center}.nav-btn .icon{width:16px;height:16px}.nav-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.date-range{flex:1;color:var(--text-primary);font-size:var(--text-sm);background:none;border:none;cursor:pointer;padding:var(--spacing-2);transition:var(--transition-base);font-family:var(--font-mono);border-radius:var(--radius-sm);background-color:var(--background-tertiary);border:1px solid var(--border-color)}.date-range:hover{color:var(--text-primary)}.add-event-btn{background:var(--action-primary);color:var(--text-primary);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-weight-light);transition:var(--transition-base)}.add-event-btn:hover{background:var(--action-hover)}.timeline-container{display:flex;flex-direction:column;gap:var(--spacing-6)}.timeline-row{display:flex;align-items:center;position:relative}.day-label{width:60px;color:var(--text-primary);font-size:var(--text-sm)}.timeline-bar{flex:1;height:6px;background:var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);position:relative;overflow:visible}.timeline-bar:hover{background:var(--border-color)}.event-segment{transition:opacity var(--transition-base);height:100%}.event-segment:hover{opacity:.8}.event-segment:hover .event-tooltip{opacity:1}.timeline-bar:hover .event-segment{opacity:.8}.timeline-bar:hover .event-segment:hover{opacity:1}.event-tooltip{position:absolute;background:var(--background-primary);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-primary);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:10;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);opacity:0;transition:opacity var(--transition-base);box-shadow:0 2px 8px #0003}.timeline-wrapper{flex:1;position:relative;display:flex;align-items:center}.unallocated-hours{position:absolute;top:-10px;right:40px;font-size:var(--text-xs);color:var(--text-primary);opacity:0;transition:opacity var(--transition-base);font-family:var(--font-mono);font-weight:var(--font-weight-light)}.timeline-wrapper:hover .unallocated-hours{opacity:1}.delete-btn{color:var(--action-danger)}.timeline-row-menu{position:relative;opacity:0;transition:opacity .2s;margin-left:var(--spacing-2)}.timeline-row:hover .timeline-row-menu{opacity:1}.menu-trigger{background:none;border:none;padding:var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.menu-trigger:hover{background:var(--background-primary);color:var(--text-primary)}.menu-trigger .icon{width:16px;height:16px}.menu-dropdown{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-1);box-shadow:var(--shadow-lg);z-index:10;min-width:auto;margin-left:var(--spacing-2);display:flex;flex-direction:row;gap:var(--spacing-1)}.menu-dropdown button{padding:var(--spacing-2);color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base)}.menu-dropdown button[title="Delete day"]{color:var(--action-danger)}.menu-dropdown button[title="Delete day"]:hover{background:var(--action-danger-hover);color:var(--action-danger)}.menu-dropdown button:not([title="Delete day"]):hover{background:var(--background-secondary);color:var(--text-primary)}.menu-dropdown .icon{width:16px;height:16px}.distribution-chart{width:100%}.total-hours{color:var(--text-primary);font-size:var(--text-base)}.chart-container{position:relative;width:100%;max-width:300px;height:300px;margin:0 auto}.chart-legend{margin-top:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-6)}.legend-item{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-primary);margin-bottom:var(--spacing-2)}.legend-color{width:12px;height:12px;border-radius:50%}.legend-label{flex:1;font-size:.9em}.legend-hours{font-size:.9em;color:var(--text-primary)}.legend-percentage{font-size:.9em;color:var(--text-primary);color:var(--text-secondary)}:root{--modal-backdrop-blur: 8px}body.modal-open{overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn var(--transition-base) forwards;backdrop-filter:blur(var(--modal-backdrop-blur));-webkit-backdrop-filter:blur(var(--modal-backdrop-blur))}.modal{background:var(--background-secondary);border-radius:var(--radius-md);width:95%;max-width:720px;padding:var(--spacing-6);transform:translateY(20px);opacity:0;animation:slideIn var(--transition-base) forwards;overflow:visible}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6)}.modal-closing{animation:fadeOut var(--transition-base) forwards}.modal-closing .modal{animation:slideOut var(--transition-base) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:var(--spacing-1);border:none;background:var(--background-primary);color:var(--text-secondary);border-radius:50%;cursor:pointer;transition:all var(--transition-base)}.close-btn:hover{background:var(--action-primary);color:var(--text-primary)}.close-btn svg{width:20px;height:20px}.settings-content,.categories-content{color:var(--text-secondary)}.categories-content{display:flex;flex-direction:column;gap:var(--spacing-4);max-height:70vh;overflow-y:auto}.category-form{align-items:center;position:sticky;top:0;z-index:1;display:flex;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--background-primary);border-radius:var(--radius-md)}.category-input{font-size:var(--text-sm);font-weight:var(--font-weight-medium);font-family:inherit;flex:1;border:0px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-2);border-radius:var(--radius-sm)}.color-picker-wrapper{position:relative;padding-top:var(--spacing-2)}.color-picker{width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-full);cursor:pointer;background:var(--background-primary);position:relative;overflow:hidden}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:var(--radius-full)}.color-picker::-moz-color-swatch{border:none;border-radius:var(--radius-full)}.color-picker-dropdown{position:absolute;top:calc(100% + var(--spacing-2));left:0;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-3);z-index:20;box-shadow:0 4px 12px #0003;width:230px}.color-suggestions{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-color)}.color-suggestion{width:24px;height:24px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:var(--transition-base)}.color-suggestion:hover{transform:scale(1.1)}.categories-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.category-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-1);background:var(--background-primary);border-radius:var(--radius-md);transition:var(--transition-base)}.category-item:hover{background:var(--action-primary)}.category-info{display:flex;align-items:center;gap:var(--spacing-2);flex:1;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:var(--transition-base)}.category-info:hover{background:var(--action-primary)}.category-color{width:12px;height:12px;border-radius:var(--radius-full)}.category-edit-form{display:flex;gap:var(--spacing-2);width:100%;padding:var(--spacing-1);align-items:center}.edit-actions{display:flex;gap:var(--spacing-2)}.cancel-btn{padding:var(--spacing-2) var(--spacing-3);background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition-base)}.cancel-btn:hover{background:var(--action-primary);color:var(--text-primary)}.save-btn{padding:var(--spacing-2) var(--spacing-3);background:var(--action-primary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;white-space:nowrap}.add-category-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--action-primary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition-base)}.add-category-btn:hover{background:var(--action-hover)}.delete-category-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-base)}.delete-category-btn:hover{color:var(--action-danger);background:var(--action-danger-hover)}.icon{width:16px;height:16px}.settings-modal{padding:0;overflow:hidden;border-radius:var(--radius-md)}.settings-content{padding:var(--spacing-6)}.settings-hero{position:relative;height:220px;overflow:hidden;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.hero-image{width:100%;height:100%;object-fit:cover}.settings-close-btn{position:absolute;top:var(--spacing-4);right:var(--spacing-4);z-index:10;background:rgba(26,26,26,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.settings-header{padding:var(--spacing-6)}.settings-section-title{color:var(--text-primary);margin-bottom:var(--spacing-4);font-size:var(--text-base)}.font-option{width:100%;padding:var(--spacing-4);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-base)}.font-option:hover{border-color:var(--text-secondary)}.font-option.selected{border-color:var(--action-primary);background:var(--background-primary)}.font-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2);border:0px solid var(--border-color)}.font-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}.font-selected{font-size:var(--text-xs);color:var(--text-secondary)}.font-preview{display:block;color:var(--text-secondary);font-size:var(--text-sm)}.category-actions{display:flex;align-items:center;gap:var(--spacing-4);margin-right:var(--spacing-4);cursor:grab}.delete-category-btn,.drag-handle{display:flex;align-items:center;justify-content:center}.settings-content{padding:var(--spacing-4)}.settings-section{margin-bottom:var(--spacing-6)}.settings-section h3{color:var(--text-primary);margin-bottom:var(--spacing-4);font-size:var(--text-md)}.font-options{display:flex;flex-direction:column;gap:var(--spacing-2)}.font-option{padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);text-align:left;width:100%}.font-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.font-name{font-weight:500;color:var(--text-primary)}.font-selected{font-size:var(--text-xs);color:var(--action-primary)}.font-preview{display:block;font-size:var(--text-sm);color:var(--text-secondary)}.font-option:hover{border-color:var(--text-primary)}.font-option.selected{border-color:var(--action-primary);background:var(--background-secondary)}.form-group{margin-bottom:var(--spacing-4);text-align:left}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}label{display:block;color:var(--text-primary);font-size:var(--text-sm);margin-bottom:var(--spacing-2)}input,select{width:100%;padding:var(--spacing-2) var(--spacing-3);background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-base)}input:focus,select:focus{outline:none;border-color:var(--action-hover)}.cancel-btn,.save-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:var(--transition-base)}.cancel-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.save-btn{background:var(--action-primary);color:var(--text-primary);border:none;font-weight:500}.save-btn:hover{background:var(--action-hover)}.activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-2);margin-top:var(--spacing-2)}.activity-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%;position:relative}.activity-button:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-lg);border:1px solid transparent;transition:var(--transition-base);pointer-events:none}.activity-button:hover{color:var(--text-primary)}.activity-button:hover:before{border-color:var(--hover-color)}.activity-button.selected{border-color:var(--hover-color);color:var(--text-primary);background:var(--background-secondary)}.activity-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.activity-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-input,.duration-input{width:100%;padding:var(--spacing-2) var(--spacing-3);background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-base)}.date-input:focus,.duration-input:focus{outline:none;border-color:var(--text-primary)}.duration-input::-webkit-outer-spin-button,.duration-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duration-input[type=number]{-moz-appearance:textfield}.date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.quick-duration-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-1);margin-top:var(--spacing-2)}.quick-duration-btn{background:var(--background-primary);border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-mono);font-weight:var(--font-weight-regular);min-width:32px;text-align:center}.quick-duration-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.quick-duration-btn.selected{background:var(--text-primary);color:var(--background-primary);border-color:var(--text-primary)}.activity-button,.cancel-btn,.save-btn,.close-btn{font-family:var(--font-mono);font-weight:var(--font-weight-regular)}.save-btn{font-weight:var(--font-weight-medium)}.date-input,.duration-input{font-family:var(--font-mono)}.delete-btn{display:flex;align-items:center;gap:var(--spacing-2);background:transparent;border:none;color:var(--action-danger);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:var(--transition-base)}.delete-btn:hover{background:var(--action-danger-hover)}.delete-btn .icon{width:16px;height:16px}.modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-6)}.modal-actions{display:flex;gap:var(--spacing-3)}.duration-label{display:flex;justify-content:space-between;align-items:center}.remaining-hours{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono)}.error-message{background:var(--background-primary);color:var(--action-danger);padding:var(--spacing-3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-4);font-size:var(--text-sm);border:1px solid var(--action-danger)}.input-error{border-color:var(--action-danger)!important}.quick-duration-btn.disabled{opacity:.3;cursor:not-allowed;border-color:var(--border-color);color:var(--text-secondary)}.quick-duration-btn.disabled:hover{border-color:var(--border-color);color:var(--text-secondary);background:var(--background-primary)}.date-picker-wrapper{position:relative}.date-input{width:100%;padding:var(--spacing-2);background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm)}.date-picker-dropdown{position:absolute;bottom:calc(100% + var(--spacing-2));left:0;z-index:20;box-shadow:0 4px 12px #0003}.quick-duration-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--background-tertiary);color:var(--text-secondary)}.quick-duration-btn:disabled:hover{background:var(--background-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp{--rdp-cell-size: 32px !important;--rdp-accent-color: var(--action-primary);--rdp-background-color: var(--action-primary);--rdp-accent-color-dark: var(--action-hover);--rdp-background-color-dark: var(--action-hover);--rdp-outline: 2px solid var(--border-color);--rdp-outline-selected: 2px solid var(--action-primary);margin:0}.rdp-chevron{display:inline-block;fill:var(--text-secondary)!important}.rdp-months{background:var(--background-secondary);padding:var(--spacing-1)!important;border-radius:var(--radius-md);border:1px solid var(--border-color)}.rdp-month{background:var(--background-secondary);padding:var(--spacing-2)}.rdp-caption{padding:var(--spacing-1)}.rdp-caption_label{font-size:var(--text-md);color:var(--text-primary);font-weight:var(--font-weight-medium);font-family:var(--font-mono);padding:var(--spacing-1)}.rdp-nav{color:var(--text-secondary)}.rdp-nav_button{padding:var(--spacing-1)!important;width:24px!important;height:24px!important;color:var(--text-primary)!important}.rdp-nav_button:hover{background-color:var(--action-primary)!important;color:var(--text-primary)!important}.rdp-nav_button svg{fill:currentColor}.rdp-head_cell{color:var(--text-secondary);font-family:var(--font-mono);padding:var(--spacing-1)!important}.rdp-cell{font-size:var(--text-sm);color:var(--text-primary);padding:0!important}.rdp-day{font-size:var(--text-md);width:var(--rdp-cell-size)!important;height:var(--rdp-cell-size)!important}.rdp-day_selected{font-size:var(--text-md);background-color:var(--action-primary)!important;color:var(--text-primary)!important}.rdp-day_selected:hover{background-color:var(--action-hover)!important}.rdp-day:hover{background-color:var(--action-primary)!important;color:var(--text-primary)!important}.rdp-day.today.selected{color:var(--text-primary);background-color:var(--action-primary);border-radius:var(--radius-full)}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--action-primary);color:var(--text-primary)}.rdp-day_outside{opacity:.3}.rdp-weekday{font-size:var(--text-md);color:var(--text-secondary)}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;font-size:12px;font-weight:var(--font-weight-medium);color:inherit;justify-content:center;align-items:center;display:flex;width:32px;height:32px;border:var(--rdp-day_button-border)}.rdp-caption_label{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-weight-medium);font-family:var(--font-mono);padding:var(--spacing-1)}.calendar-day.today{position:relative;font-weight:var(--font-weight-medium)}.calendar-day.today:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--action-primary)}.calendar-day.today:not(.selected):hover:after{background:var(--text-primary)}.calendar-day.today.selected:after{background:var(--text-primary)}.toast-container{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-2)}.toast{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--background-secondary);border:0px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);box-shadow:var(--shadow-lg);animation:toastEnter .3s ease}.toast.success{border-color:var(--action-success)}.toast.error{border-color:var(--action-danger)}.toast-icon{width:16px;height:16px}.toast.success .toast-icon{color:var(--action-success)}.toast.error .toast-icon{color:var(--action-danger)}@keyframes toastEnter{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4)}.analysis-card{background:var(--background-primary);border-radius:var(--radius-md);padding:var(--spacing-4);border:0px solid var(--border-color);box-shadow:var(--shadow-sm)}.category-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.category-dot{width:12px;height:12px;border-radius:var(--radius-full);background-color:var(--category-color);flex-shrink:0}.category-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-light)}.metrics-row{display:flex;justify-content:space-between;align-items:center}.hours-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.change-value{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);font-family:var(--font-mono);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);background:var(--background-secondary)}.change-value.increase{color:var(--action-success);background:color-mix(in srgb,var(--action-success) 10%,transparent)}.change-value.decrease{color:var(--action-danger);background:color-mix(in srgb,var(--action-danger) 10%,transparent)}.change-value.neutral{color:var(--text-secondary)}.trend-icon{width:16px;height:16px}.main-footer{z-index:100;padding:var(--spacing-2);background:var(--background-secondary);border-radius:var(--radius-md);border:0px solid var(--border-color);margin-top:var(--spacing-12);margin-bottom:var(--spacing-6);box-shadow:0 0 10px #0000001a}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:var(--spacing-4)}.copyright{font-size:var(--text-xs);color:var(--text-secondary)}.reset-btn{padding:var(--spacing-2) var(--spacing-4);background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);font-size:var(--text-sm);font-family:var(--font-mono)}.reset-btn:hover{border-color:var(--action-danger);color:var(--action-danger)}.summary-content{width:100%;display:flex;flex-direction:column;gap:var(--spacing-8)}.insights{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.insight-card{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--background-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm)}.insight-card.positive{color:var(--action-success);background:color-mix(in srgb,var(--action-success) 10%,transparent)}.insight-card.negative{color:var(--action-danger);background:color-mix(in srgb,var(--action-danger) 10%,transparent)}.trend-icon{width:16px;height:16px;flex-shrink:0}.projection-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.projection-card{background:var(--background-primary);border-radius:var(--radius-md);padding:var(--spacing-4);border:0px solid var(--border-color);box-shadow:var(--shadow-sm)}.projection-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);font-size:var(--text-sm);font-weight:var(--font-weight-light)}.activity-dot{width:12px;height:12px;border-radius:50%}.projection-stats{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.stat{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-secondary);font-size:var(--text-sm)}.stat-icon{width:16px;height:16px}.progress-bar{height:4px;background:var(--background-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress{height:100%;transition:width .3s ease}.weekly-narrative p{margin-bottom:var(--spacing-4);font-size:var(--text-xxl)}@media (max-width: 768px){.overview-grid{grid-template-columns:1fr}}.narrative-text{font-size:var(--text-xxl);line-height:1.6;color:var(--text-primary)}.category-pill{display:inline-block;padding:.1em .6em;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--category-color) 20%,transparent);color:var(--category-color);font-weight:var(--font-weight-light)}.weekly-narrative{margin-bottom:var(--spacing-8)}.weekly-narrative p{margin-bottom:var(--spacing-4)}.percentage-pill{display:inline-block;padding:.1em .4em;border-radius:var(--radius-full);background-color:var(--background-tertiary);color:var(--text-primary);font-weight:var(--font-weight-light);font-size:var(--text-xl)}.export-content{padding:var(--spacing-4)}.export-options{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.export-type-btn{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;padding:var(--spacing-4);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:var(--transition-base);text-align:left}.export-type-btn:hover{background:var(--background-tertiary);border-color:var(--border-color)}.export-type-btn.active{background:var(--background-primary);border-color:var(--border-color);border-width:0px;box-shadow:var(--shadow-sm)}.btn-label{font-size:var(--text-base);color:var(--text-primary);font-family:var(--font-mono);font-weight:var(--font-weight-light)}.btn-description{font-size:var(--text-sm);color:var(--text-secondary)}.date-selection{margin:var(--spacing-6) 0;position:relative}.date-picker-button{width:100%;padding:var(--spacing-3);background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:var(--transition-base);font-family:var(--font-mono);font-size:var(--text-sm);text-align:left}.date-picker-button:hover{background:var(--background-secondary)}.date-range-picker{display:flex;gap:var(--spacing-2)}.date-range-picker .date-picker-button{flex:1}.date-picker-dropdown{position:absolute;z-index:10;margin-top:var(--spacing-2);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0}.date-range-picker .date-picker-dropdown{left:auto;right:0}.export-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding-top:var(--spacing-4);border-top:1px solid var(--border-color);margin-top:var(--spacing-4)}.cancel-btn,.export-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);font-size:var(--text-sm);font-family:var(--font-mono);min-width:100px}.cancel-btn{background:var(--background-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.export-btn{background:var(--action-primary);border:none;color:var(--text-primary)}.cancel-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.export-btn:hover{background:var(--action-hover)}