.calendar-container{height:100vh;display:flex;flex-direction:column;width:100%}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);position:relative;background:#f8fafc;border-top:none;width:100%}.time-column{background:#ffffff;z-index:2;border-right:1px solid #e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;font-weight:500;color:#666666;position:sticky;left:0;width:60px;flex-shrink:0}.time-slot{height:48px;border-bottom:1px solid #e5e7eb;padding:4px 0 0 12px;text-align:left;display:flex;align-items:flex-start}.day-column{border-right:1px solid #e5e7eb;position:relative;border-top:none;flex:1;min-width:0}.hour-row{height:48px;position:relative;display:flex;align-items:center;border-bottom:1px solid var(--grid-line-color,#e5e7eb)}.quarter-hour-row{height:12px}.current-time-indicator{position:absolute;left:0;right:0;border-top:2px solid black;z-index:1}.current-time-indicator:before{content:"";position:absolute;left:0;top:-2px;width:4px;height:4px;background-color:var(--current-time-color,#000000);border-radius:50%}.calendar-event{position:absolute;border-radius:4px;padding:2px 4px;font-size:.75rem;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.1);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;z-index:10;background:#fff}.calendar-event:hover{transform:scale(1.02);box-shadow:0 2px 4px rgba(0,0,0,.15);z-index:20}.calendar-event.task-chunk{border-left:3px solid #10b981}.calendar-event.past-deadline{border-left:3px solid #ef4444}.calendar-event.completed{opacity:.7}.all-day-section{position:relative;padding:4px 0;min-height:28px;background-color:#ffffff;border-bottom:none;width:100%;display:flex}.all-day-section-content{flex:1;position:relative;display:grid;grid-template-columns:repeat(7,1fr)}.all-day-event{position:absolute;margin:2px 0;padding:2px 4px;border-radius:4px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1;background:#fff}.calendar-scroll-container{flex:1;overflow:auto;position:relative;height:100%;width:100%;display:flex}.calendar-nav-header{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid #e5e7eb;box-shadow:none}.calendar-nav-header .title{font-size:1.25rem;font-weight:500;margin:0 16px}.calendar-nav-header .nav-buttons{display:flex;gap:8px}.calendar-nav-header .view-modes{display:flex;gap:4px;margin-left:16px}.calendar-nav-header .view-mode-button{padding:4px 8px;border-radius:4px;font-size:.875rem;cursor:pointer}.calendar-nav-header .view-mode-button.active{background-color:#ebf5ff;color:#2563eb}.sidebar{width:300px;background:#fff;border-right:1px solid #e5e7eb;transition:transform .3s ease;z-index:100}.sidebar.closed{transform:translateX(-100%)}.filter-panel{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:#fff;border-left:1px solid #e5e7eb;transition:right .3s ease;z-index:1000}.filter-panel.open{right:0}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-body{margin-bottom:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.resize-handle{position:absolute;left:0;right:0;height:4px;cursor:ns-resize;background:rgba(0,0,0,.1);transition:background .2s ease}.resize-handle:hover{background:rgba(0,0,0,.2)}.resize-handle.top{top:0}.resize-handle.bottom{bottom:0}:root{--grid-line-color:#e5e7eb;--current-time-color:#000000;--time-col-w:60px;--z-grid-base:5;--z-blocks:10;--z-ghost-block:30;--z-interaction-line:40;--z-current-time:40}#calendar-debug-box{position:fixed;top:10px;right:10px;background:rgba(0,0,0,.8);color:white;padding:10px;border-radius:5px;font-family:monospace;font-size:12px;z-index:10000;max-width:300px;word-wrap:break-word}.calendar-grid-body{display:grid;grid-template-columns:repeat(7,1fr);position:relative;background:#fff;width:100%;height:100%}.calendar-day-col{position:relative;min-width:0;display:flex;flex-direction:column;border-right:1px solid #e5e7eb}.calendar-day-col:last-child{border-right:none}.week-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f9fafb;border-bottom:1px solid #e5e7eb}body,html{padding:0;margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;width:100%}a{color:inherit;text-decoration:none}*{box-sizing:border-box;font-display:swap}h1,h2{font-family:Playfair Display,Georgia,Times New Roman,Times,serif}a,body,button,div,input,li,p,select,span,textarea{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.h1,.h2,h1,h2{font-family:Playfair Display,Georgia,Times New Roman,Times,serif}.flex{display:flex}.flex-1{flex:1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.h-full{height:100%}.w-full{width:100%}.h-screen{height:100vh}.w-screen{width:100vw}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.sticky{position:sticky}.top-0{top:0}.z-40{z-index:40}.bg-white{background-color:#ffffff}.border-b{border-bottom-width:1px}.border-gray-200{border-color:#e5e7eb}.gap-8{gap:8px}.p-2{padding:.5rem}.rounded-full{border-radius:9999px}.hover\:bg-gray-100:hover{background-color:#f3f4f6}