.app-sidebar{--sidebar-width:280px;--border-radius:0;--spacing-xs:4px;--spacing-sm:6px;--spacing-md:6px;--spacing-lg:16px;--text-primary:hsl(var(--foreground));--text-secondary:hsl(var(--muted-foreground));--sidebarItem:hsl(var(--sidebar-item-color)/1);--sidebarBackground:hsl(var(--real-sidebar)/1);background:hsl(var(--real-sidebar));width:var(--sidebar-width);height:100vh;border:none;border-right:2px solid hsl(var(--darker-border));position:fixed;top:0;left:0;z-index:10;display:flex;flex-direction:column;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden!important;box-sizing:border-box;box-shadow:none}.app-content{margin-left:var(--sidebar-width);transition:margin-left .2s ease}.sidebar-section{overflow:hidden;border:none;display:flex;flex-direction:column;min-height:120px;flex:1}.section-title{font-size:1rem;font-weight:500;color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;flex-shrink:0}.section-content{padding:var(--spacing-sm);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1}.section-content::-webkit-scrollbar{display:none}.event-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.event-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--sidebarItem);border-radius:8px;border:none;transition:all .15s ease;cursor:pointer;box-shadow:none}.event-item:hover{background:hsl(var(--muted)/.5);transform:translateY(-1px)}.event-name{font-size:.875rem;font-weight:400;color:var(--text-primary);line-height:1.4}.event-time{font-size:.75rem;color:var(--text-secondary);background:hsl(var(--muted)/.3);padding:2px 6px;border-radius:4px;font-weight:500}.task-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-item{background:var(--sidebarItem);border-radius:8px;border:none;transition:all .15s ease;box-shadow:none;margin-top:2px}.task-item:hover{background:hsl(var(--muted)/.5);transform:translateY(-1px)}.task-label{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer}.task-checkbox{width:16px;height:16px;border:1.5px solid color-mix(in srgb,hsl(var(--border)) 70%,rgb(0,0,0) 30%);border-radius:2px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;transition:all .15s ease;background:var(--surface);flex-shrink:0}.task-checkbox:checked,.task-checkbox:hover{border-color:hsl(var(--primary))}.task-checkbox:checked{background:hsl(var(--primary))}.task-checkbox:checked:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:12px;border-width:medium;border-left:0 solid hsl(var(--primary-foreground));border-bottom:3px solid hsl(var(--primary-foreground));border-right:3px solid hsl(var(--primary-foreground));border-top:0 solid hsl(var(--primary-foreground));transform:translate(-50%,-50%) rotate(45deg);transition:transform .2s ease,opacity .2s ease}.task-text{flex:1;font-size:.875rem;color:hsl(var(--text-primary));line-height:1.4;transition:all .2s ease}.task-checkbox:checked~.task-text{color:var(--text-secondary);text-decoration:line-through;opacity:.7}.task-date{font-size:.75rem;background:hsl(var(--muted)/.3);padding:2px 6px;border-radius:4px;font-weight:500;flex-shrink:0}.empty-state,.task-date{color:var(--text-secondary)}.empty-state{text-align:center;font-size:.875rem;padding:var(--spacing-lg);opacity:.8}.error-message{color:hsl(var(--destructive));padding:var(--spacing-md);background:hsl(var(--destructive)/.1);border-radius:8px;font-size:.875rem;margin:var(--spacing-sm) 0;border:none}.add-task-button{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;border-radius:50%;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:14px!important;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:12}.add-task-button:hover{background:hsl(var(--primary)/.9);transform:scale(1.1)}.add-task-button:active{transform:scale(.95)}.task-form{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.task-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid hsl(var(--darker-border));border-radius:6px;font-size:14px!important;color:var(--text-primary);background:var(--surface);transition:border-color .15s ease;box-sizing:border-box}.task-input:focus{outline:none;border-color:hsl(var(--border)/.5)}.task-form-buttons{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.btn{margin-top:-px;padding:var(--spacing-sm) var(--spacing-md);border-radius:6px;font-size:14px!important;font-weight:500;border:none;cursor:pointer;transition:all .15s ease}.btn-save{background:hsl(var(--primary));color:hsl(var(--calendar-background))}.btn-save:hover{background:hsl(var(--primary)/.9)}.btn-cancel{background:hsl(var(--muted)/.3);color:var(--text-secondary)}.btn-cancel:hover{background:hsl(var(--muted)/.5)}.long-term-task{border-left:3px solid hsl(var(--chart-1))}.long-term-task .task-checkbox:checked{background:hsl(var(--chart-1));border-color:hsl(var(--chart-1))}.long-term-empty{border:1px dashed hsl(var(--chart-1)/.5);color:hsl(var(--chart-1));background:hsl(var(--chart-1)/.05)}.resize-handle{cursor:ns-resize;width:100%;height:4px;position:absolute;bottom:0;left:0;background:transparent;z-index:15}.resize-handle:hover{background:hsl(var(--darker-border)/.3)}@media (max-width:768px){.app-sidebar{--sidebar-width:260px}.app-content{margin-left:var(--sidebar-width)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.event-item,.task-item{animation:fadeIn .2s ease}.task-item.category-1{border-left:3px solid hsl(var(--chart-1))}.task-item.category-2{border-left:3px solid hsl(var(--chart-2))}.task-item.category-3{border-left:3px solid hsl(var(--chart-3))}.task-item.category-4{border-left:3px solid hsl(var(--chart-4))}.task-item.category-5{border-left:3px solid hsl(var(--chart-5))}.sidebar-section .event-form-container{width:100%!important;margin:0!important}.text{font-size:120px!important}:root{--primary:217 90% 55%;--primary-foreground:210 40% 98%;--secondary:220 10% 25%;--secondary-foreground:220 15% 95%;--accent:217 90% 55%;--accent-foreground:220 15% 95%;--background:220 12% 18%;--calendar-background:222 12% 12%;--foreground:220 15% 95%;--muted:220 12% 16%;--muted-foreground:220 10% 55%;--border:220 10% 30%;--darker-border:220 10% 20%;--input:220 10% 18%;--ring:217 90% 55%;--card:220 12% 18%;--card-foreground:220 15% 95%;--destructive:0 62.8% 50.6%;--destructive-foreground:0 85.7% 97.3%;--sidebar:220 12% 16%;--header:220 12% 18%;--real-sidebar:220 12% 16%;--grid-columns:5}*{box-sizing:border-box}.planner-container{width:100%;height:100vh;background:hsl(var(--card));font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;color:hsl(var(--foreground));display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 8px)}.planner-header{padding:8px 12px;background:linear-gradient(135deg,hsl(var(--card)) 0,hsl(var(--muted)/.1) 100%);border-bottom:2px solid hsl(var(--border)/.35);flex-shrink:0;position:relative;overflow:hidden}.planner-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0,hsl(var(--primary)/.02) 50%,transparent 100%);pointer-events:none}.planner-header h1{font-size:clamp(18px,2.5vw,28px);font-weight:600;margin:0;color:hsl(var(--primary));letter-spacing:-.025em;text-shadow:0 1px 2px hsl(var(--foreground)/.1)}.planner-content{display:flex;flex:1;min-height:0;overflow:hidden;border-top:1px solid hsl(var(--border)/.35)}.sidebar{width:clamp(120px,15vw,160px);border-right:1px solid hsl(var(--border)/.35);flex-direction:column;overflow:hidden}.sidebar,.sidebar-header{background:hsl(var(--calendar-background));flex-shrink:0;display:flex}.sidebar-header{padding:8px 10px;border-bottom:1px solid hsl(var(--border)/.35);height:38px;align-items:center}.classes-header{display:flex;align-items:center;justify-content:space-between;width:100%}.classes-header h2{font-size:clamp(11px,1.2vw,14px);font-weight:600;margin:0;color:hsl(var(--foreground))}.add-class-btn{width:18px;height:18px;border:1px solid hsl(var(--primary)/.3);background:hsl(var(--real-background));border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:hsl(var(--accent));font-weight:500;transition:transform .15s ease}.add-class-btn:hover{transform:scale(1.05)}.add-class-input{flex:1;width:100%;opacity:0;animation:slideInFade .2s ease forwards}@keyframes slideInFade{0%{opacity:.5;transform:translateX(3px)}to{opacity:1;transform:translateX(0)}}.class-input{width:100%;padding:4px 6px;border:1px solid hsl(var(--primary)/.3);border-radius:4px;font-size:12px;background:hsl(var(--input));color:hsl(var(--foreground));outline:none}.class-input::-moz-placeholder{color:hsl(var(--muted-foreground))}.class-input::placeholder{color:hsl(var(--muted-foreground))}.classes-list{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.classes-list::-webkit-scrollbar{display:none}.class-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid hsl(var(--border)/.35);transition:background-color .15s ease;background:hsl(var(--sidebar))}.class-item:hover{background:hsl(var(--secondary)/.15)}.class-name-container{display:flex;align-items:center;justify-content:space-between;flex:1;gap:3px}.class-name{font-size:15px;min-width:0}.edit-class-btn{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#696969;transition:color .2s ease;flex-shrink:0}.edit-class-btn:hover{color:#a2a2a2}.class-name-edit-input{flex:1;border:none;background:none;font-size:clamp(11px,1.2vw,14px);font-weight:500;color:hsl(var(--foreground));padding:2px 0;outline:none;width:100%}.delete-class-btn{margin-left:2px;margin-right:-9px;width:16px;height:16px;border:none;background:none;color:hsl(var(--muted-foreground));cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;font-size:12px;opacity:0;transition:all .15s ease;flex-shrink:0}.class-item:hover .delete-class-btn{opacity:1}.delete-class-btn:hover{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.main-grid{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}.main-grid:before{content:"";position:absolute;top:0;bottom:0;left:calc(100% / var(--grid-columns) * var(--today-column-index, 1));width:calc(100% / var(--grid-columns));background:linear-gradient(to bottom,hsl(var(--accent)/.04) 0,hsl(var(--accent)/.02) 50%,hsl(var(--accent)/.04) 100%);pointer-events:none;z-index:0;border-left:1px solid hsl(var(--accent)/.08);border-right:1px solid hsl(var(--accent)/.08)}.grid-header{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);border-bottom:1px solid hsl(var(--border)/.35);flex-shrink:0;height:38px;z-index:1}.day-header,.grid-header{background:hsl(var(--calendar-background));position:relative}.day-header{padding:6px 4px;text-align:center;font-size:clamp(10px,1.1vw,13px);font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;border-right:1px solid hsl(var(--border)/.35);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.day-header:last-child{border-right:none}.day-header.today{color:hsl(var(--accent));background:linear-gradient(135deg,hsl(var(--accent)/.12) 0,hsl(var(--accent)/.06) 50%,hsl(var(--accent)/.12) 100%);font-weight:700;border-left:2px solid hsl(var(--accent)/.4);border-right:2px solid hsl(var(--accent)/.4);box-shadow:inset 0 1px 0 hsl(var(--accent)/.1),0 2px 8px hsl(var(--accent)/.1)}.day-header.today:after{content:"";position:absolute;top:50%;right:8px;width:6px;height:6px;background:hsl(var(--accent));border-radius:50%;transform:translateY(-50%);box-shadow:0 0 6px hsl(var(--accent)/.6),0 0 12px hsl(var(--accent)/.3);animation:todayPulse 3s ease-in-out infinite}@keyframes todayPulse{0%{box-shadow:0 0 6px hsl(var(--accent)/.6),0 0 12px hsl(var(--accent)/.3);opacity:1;transform:translateY(-50%) scale(1)}50%{box-shadow:0 0 10px hsl(var(--accent)/.8),0 0 20px hsl(var(--accent)/.4);opacity:.8;transform:translateY(-50%) scale(1.1)}to{box-shadow:0 0 6px hsl(var(--accent)/.6),0 0 12px hsl(var(--accent)/.3);opacity:1;transform:translateY(-50%) scale(1)}}.grid-body{flex:1;overflow:auto;background:hsl(var(--calendar-background));scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground)/.4) hsl(var(--muted)/.1);position:relative;z-index:1}.grid-body::-webkit-scrollbar{width:8px}.grid-body::-webkit-scrollbar-track{background:hsl(var(--muted)/.1);border-radius:4px}.grid-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,hsl(var(--muted-foreground)/.4) 0,hsl(var(--muted-foreground)/.2) 100%);border-radius:4px;border:1px solid hsl(var(--border)/.35);-webkit-transition:all .3s ease;transition:all .3s ease}.grid-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,hsl(var(--muted-foreground)/.6) 0,hsl(var(--muted-foreground)/.4) 100%)}.class-row{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);border-bottom:1px solid hsl(var(--border)/.35)}.assignment-cell{background:hsl(var(--sidebar));padding:2px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:1px solid hsl(var(--border)/.35);width:100%;max-width:100%;transition:all .3s ease}.assignment-cell:last-child{border-right:none}.assignment-cell.today-cell{background:hsl(var(--calendar-background));border-left:1px solid hsl(var(--accent)/.12);border-right:1px solid hsl(var(--border)/.35);box-shadow:inset 0 0 15px hsl(var(--accent)/.015)}.assignments-list{flex-direction:column;gap:4px;flex:1;width:100%;z-index:1;position:relative;margin-top:2px}.assignment-item,.assignments-list{display:flex;overflow:hidden;align-items:center}.assignment-item{gap:5px;border-radius:8px;background:hsl(var(--muted)/.75);border:1px solid hsl(var(--border)/.1);transition:all .2s ease;min-height:18px!important;width:99%;max-width:100%;box-sizing:border-box;position:relative!important;margin-bottom:1px;padding:2px 3px!important}.today-cell .assignment-item{background:linear-gradient(135deg,hsl(var(--muted)/.7) 0,hsl(var(--accent)/.075) 50%,hsl(var(--muted)/.7) 100%);border:1px solid hsl(var(--accent)/.1);box-shadow:0 1px 2px hsl(var(--accent)/.05),inset 0 1px 0 hsl(var(--accent)/.03)}.assignment-checkbox{width:12px;height:12px;margin-left:5px;cursor:pointer;accent-color:hsl(var(--accent));flex-shrink:0}.assignment-title{font-size:15px;flex:1;line-height:1.2!important;transition:all .15s ease;word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;cursor:pointer;padding-right:12px}.assignment-title,.today-cell .assignment-title{color:hsl(var(--foreground))}.assignment-item.completed{opacity:.7}.assignment-title.completed{position:relative;color:hsl(var(--muted-foreground)/.6);opacity:1}.assignment-title.completed:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:hsl(var(--muted-foreground)/.4);transform:translateY(-50%);pointer-events:none}.assignment-edit-input{flex:1;background:none;font-size:15px!important;color:hsl(var(--foreground));outline:none;width:100%;min-width:0;line-height:1.2!important;word-wrap:break-word;resize:none;padding:0 12px 0 0}.assignment-edit-input::-moz-placeholder{color:hsl(var(--muted-foreground))}.assignment-edit-input::placeholder{color:hsl(var(--muted-foreground))}.delete-assignment-btn{position:absolute;top:1px;right:1px;width:15px;height:15px;border:none;background:hsl(var(--background)/.95);color:hsl(var(--muted-foreground));cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;font-size:12px;opacity:0;transition:all .15s ease;padding:0;flex-shrink:0;z-index:10;font-weight:700}.assignment-item:hover .delete-assignment-btn{opacity:1}.delete-assignment-btn:hover{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.add-assignment-btn{width:20px;height:20px;border:1px solid hsl(var(--border)/.3);background:hsl(var(--calendar-background));border-radius:4px;justify-content:center;cursor:pointer;font-size:20px;color:hsl(var(--accent));font-weight:400;transition:all .2s ease}.add-assignment-btn,.cell-buttons{display:flex;align-items:center;z-index:2;position:absolute;bottom:2px;right:2px}.cell-buttons{gap:8px}.cell-buttons .add-assignment-btn{position:static;bottom:auto;right:auto}.today-cell .add-assignment-btn{background:hsl(var(--calendar-background));color:hsl(var(--accent))}@media (min-width:1025px){:root{--grid-columns:5;--today-column-index:1}}@media (max-width:1024px) and (min-width:769px){:root{--grid-columns:3;--today-column-index:1}.sidebar{width:clamp(100px,13vw,130px)}.assignment-item{padding:2px 3px;min-height:22px;gap:3px}.main-grid:before{left:33.333%;width:33.333%}}@media (max-width:768px){:root{--grid-columns:2;--today-column-index:0}.sidebar{width:clamp(80px,25vw,120px)}.planner-header{padding:6px 10px}.sidebar-header{padding:6px 8px;height:38px}.grid-header{height:38px}.day-header{padding:6px 4px;font-size:12px}.assignment-cell{padding:3px}.assignments-list{gap:2px}.assignment-item{padding:3px 4px;min-height:26px;gap:4px}.assignment-title{font-size:14px;line-height:1.3}.assignment-checkbox{width:14px;height:14px}.delete-assignment-btn{width:18px;height:18px;font-size:10px}.add-assignment-btn{width:24px;height:24px;font-size:18px}.class-item{padding:8px 6px}.class-name{font-size:13px}.main-grid:before{left:0;width:50%}.day-header.today:after{width:8px;height:8px;right:6px}}@media (max-width:480px){.sidebar{width:clamp(70px,30vw,100px)}.planner-header{padding:4px 8px}.day-header{padding:6px 2px;font-size:11px}.assignment-cell{padding:2px}.assignment-item{padding:2px 3px;min-height:24px;gap:3px}.assignment-title{font-size:13px}.assignment-checkbox{width:12px;height:12px}.class-item{padding:6px 4px}.class-name{font-size:12px}.add-assignment-btn{width:20px;height:20px;font-size:16px}.delete-assignment-btn{width:16px;height:16px;font-size:9px}}@media (min-width:1600px){.sidebar{width:clamp(140px,16vw,180px)}.assignment-item{min-height:26px;padding:4px 6px}.class-item{padding:10px 12px}.day-header.today:after{width:7px;height:7px;right:10px}}@media (min-width:2000px){.sidebar{width:clamp(160px,18vw,200px)}.assignment-item{min-height:28px;padding:5px 7px}.day-header.today:after{width:8px;height:8px;right:12px}}