.calendar-container{display:flex;flex-direction:column;height:100vh;width:100%;background-color:hsl(var(--background));color:hsl(var(--foreground));padding:1rem 2rem 8rem}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;margin-bottom:1.5rem;flex-shrink:0}.calendar-header h1{font-size:1.5rem;font-weight:600}.calendar-nav{display:flex;align-items:center;gap:.5rem}.calendar-grid{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);width:100%;gap:.5rem;flex-grow:1;min-height:0}.days-grid.day-view{grid-template-columns:1fr;max-width:600px;margin:0 auto}.day-column{display:flex;flex-direction:column;border-radius:.5rem;transition:background-color .2s;min-height:0}.day-column-over{background-color:hsl(var(--muted))}.day-header{padding:.5rem;display:flex;justify-content:space-between;align-items:center;border-top:2px solid hsl(var(--border));flex-shrink:0}.days-grid.day-view .day-header{justify-content:center;border-top:none;padding-top:0;margin-bottom:1rem}.day-header .day-name{font-size:.75rem;color:hsl(var(--muted-foreground));font-weight:500;text-transform:uppercase}.day-header .date-number{font-size:1rem;font-weight:600;padding:.1rem .5rem;border-radius:9999px}.days-grid.day-view .date-number{font-size:1.5rem}.date-number-today{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.add-task-btn{opacity:0;transition:opacity .2s;background:transparent;border:none;cursor:pointer;color:hsl(var(--muted-foreground))}.day-column:hover .add-task-btn{opacity:1}.tasks-container{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;flex-grow:1;overflow-y:auto}.bottom-panels-container{position:fixed;bottom:5rem;left:0;right:0;display:flex;justify-content:center;gap:1rem;padding:0 1rem;z-index:30;pointer-events:none}.archive-section,.backlog-section{position:relative;bottom:0;flex:1;max-width:400px;pointer-events:auto;transition:transform .3s ease-in-out}.backlog-container{width:100%;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem .75rem 0 0;box-shadow:0 -4px 20px -5px hsl(var(--foreground)/.1);overflow:hidden;display:flex;flex-direction:column-reverse}.backlog-header{padding:.25rem 1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-top:1px solid hsl(var(--border))}.backlog-content{display:block;padding:1rem 1rem 0;max-height:40vh;overflow-y:auto}.backlog-container>.collapsible-content[data-state=closed]{display:none}.backlog-column{background-color:hsl(var(--muted)/50);border-radius:.5rem;padding:.5rem;min-height:auto}.month-grid{display:flex;flex-direction:column;height:100%;flex-grow:1}.month-grid-header{padding:.5rem 0;border-bottom:1px solid hsl(var(--border));flex-shrink:0}.month-grid-body,.month-grid-header{display:grid;grid-template-columns:repeat(7,1fr)}.month-grid-body{flex-grow:1;grid-auto-rows:minmax(120px,1fr);border-left:1px solid hsl(var(--border));border-top:1px solid hsl(var(--border))}.month-day{padding:.5rem;border-right:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));transition:background-color .2s;cursor:pointer;display:flex;flex-direction:column;gap:.5rem}.month-day:hover{background-color:hsl(var(--muted)/50)}.month-day.other-month{color:hsl(var(--muted-foreground));background-color:hsl(var(--background));cursor:default}.month-day.other-month .month-day-number{opacity:.5}.month-day-header{display:flex;justify-content:space-between;align-items:center}.month-day-number{font-weight:500}.month-day-number.today{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:999px;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center}.month-day-tasks{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.month-task-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;padding:.1rem .25rem;border-radius:.25rem;background-color:hsl(var(--muted)/50)}