*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#000}.text-tv-xs{font-size:12px}.text-tv-sm{font-size:14px}.text-tv-base{font-size:16px}.text-tv-lg{font-size:18px}.text-tv-xl{font-size:20px}.text-tv-2xl{font-size:24px}.text-tv-3xl{font-size:28px}.p-tv-1{padding:20px}.p-tv-2{padding:30px}.p-tv-3{padding:40px}.px-tv-2{padding-left:30px;padding-right:30px}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.p-2{padding:.5rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-tv-2{margin-bottom:30px}.mb-tv-3{margin-bottom:40px}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-y-1>*+*{margin-top:.25rem}.min-h-screen{min-height:100vh}.h-full{height:100%}.w-full{width:100%}.w-20{width:5rem}.w-8{width:2rem}.h-8{height:2rem}.w-6{width:1rem}.h-6{height:1rem}.w-24{width:6rem}.h-24{height:6rem}.w-16{width:4rem}.h-16{height:4rem}.min-h-100{min-height:100px}.h-16-px{height:16px}.max-w-2xl{max-width:42rem}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.text-black{color:#000}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border:1px solid}.border-b{border-bottom:1px solid}.border-b-2{border-bottom:2px solid}.border-r{border-right:1px solid}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.ring-2{box-shadow:0 0 0 2px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.left-0{left:0}.right-0{right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.pointer-events-none{pointer-events:none}.inline-flex{display:inline-flex}.flex-shrink-0{flex-shrink:0}.opacity-40{opacity:.4}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.overflow-auto::-webkit-scrollbar{width:12px;height:12px}.overflow-auto::-webkit-scrollbar-track{background:#f3f4f6}.overflow-auto::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:.25rem}.overflow-auto::-webkit-scrollbar-thumb:hover{background:#9ca3af}.tv-layout{height:100vh;background-color:#fff;color:#000;display:flex;flex-direction:column}.tv-header{border-bottom:2px solid #e5e7eb;padding:.5rem 15px;background-color:#fff;box-shadow:0 1px 2px #0000000d;flex-shrink:0;position:relative}.header-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-left{flex:1;display:flex;align-items:center}.header-title{font-size:20px;font-weight:700;color:#000;margin:0}.header-center{flex:1;display:flex;align-items:center;justify-content:center}.header-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.hamburger-menu{background:none;border:none;font-size:28px;color:#000;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .2s}.hamburger-menu:hover{background-color:#f3f4f6}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:4rem;padding-right:1rem}.menu-dropdown{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-width:350px;max-height:80vh;overflow:auto}.birthday-alert{font-size:18px;font-weight:600;color:#d97706;text-align:center}.calendar-selector-empty{padding:1rem;color:#4b5563;text-align:center}.tv-main{flex:1;display:flex;overflow:hidden;min-height:0}.tv-sidebar{width:45%;border-right:1px solid #e5e7eb;overflow:auto;display:flex;flex-direction:column}.tv-content{width:55%;overflow:auto;display:flex;flex-direction:column}.day-cell{min-width:0;min-height:0;border:1px solid #e5e7eb;padding:.25rem;background-color:#fff;overflow:hidden;display:flex;flex-direction:column;position:relative}.day-cell-expanded-parent{overflow:visible}.day-cell-weekend{background-color:#f9fafb}.day-cell-other-month,.day-cell.not-current{opacity:.4}.day-cell-expanded{position:absolute;top:-1px;left:-1px;right:-1px;background-color:#fff;border:1px solid #3b82f6;padding:.25rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:100;max-height:400px;overflow-y:auto}.day-number{font-size:14px;font-weight:700;margin-bottom:.25rem;color:#000}.day-events{display:flex;flex-direction:column;gap:2px}.day-events-expanded{display:flex;flex-direction:column;gap:2px;margin-top:.25rem}.day-event{font-size:.625rem;line-height:1.3;padding:.125rem .25rem;border-radius:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2d2d2d;cursor:pointer;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center}.day-event:hover{box-shadow:0 4px 6px -1px #0000001a}.day-event-more{font-size:.625rem;color:#2d2d2d;padding:.125rem .25rem;cursor:pointer;transition:color .2s}.day-event-more:hover{color:#1f2937;font-weight:600}.event-indicator{font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.event-more{font-size:.75rem;color:#4b5563;padding:0 .5rem}.monthly-grid-container{display:flex;flex-direction:column;gap:1rem;height:100%;overflow:auto;padding:15px}.month-grid{display:flex;flex-direction:column;width:100%;flex:1;min-height:0;padding-top:0}.month-header{font-size:18px;font-weight:700;color:#000;margin-bottom:.5rem;text-align:center}.weekday-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.25rem;margin-top:-4px;flex-shrink:0}.weekday-header{font-size:18px;font-weight:700;color:#000;text-align:center;padding:.25rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(8,1fr);gap:0;width:100%;flex:1;min-height:0;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.calendar-grid>.day-cell:nth-child(7n){border-right:none}.calendar-grid>.day-cell:nth-child(n+50){border-bottom:none}.timeline-view{display:flex;flex-direction:column;height:100%;padding:15px}.timeline-header-container{margin-bottom:0;flex-shrink:0;position:relative}.timeline-header-with-dropdown{display:flex;align-items:center;gap:.5rem;position:relative}.timeline-dropdown-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:0;border-radius:.25rem;transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;margin-top:-6px}.timeline-dropdown-button:hover{background-color:#f3f4f6;color:#4b5563}.timeline-dropdown-button svg{width:14px;height:14px}.timeline-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.timeline-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.25rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:120px;z-index:1000;overflow:hidden}.timeline-dropdown-item{padding:.5rem 1rem;cursor:pointer;font-size:14px;color:#374151;transition:background-color .2s}.timeline-dropdown-item:hover{background-color:#f9fafb}.timeline-dropdown-item.active{background-color:#eff6ff;color:#1d4ed8;font-weight:600}.timeline-container{flex:1;display:flex;flex-direction:column;overflow:auto;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;min-height:0}.timeline-header{font-size:18px;font-weight:700;color:#000;margin-bottom:.5rem;flex-shrink:0}.timeline-content{flex:1;display:flex;flex-direction:column;overflow:auto;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.timeline-day-headers{display:flex;position:sticky;top:0;background-color:#fff;z-index:10;border-bottom:2px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.timeline-time-header,.timeline-time-column-header{width:3rem;border-right:1px solid #e5e7eb;flex-shrink:0}.timeline-day-header{flex:1;min-width:60px;text-align:center;padding:.25rem;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.125rem}.timeline-day-name{font-size:11px;font-weight:600;color:#000;white-space:nowrap}.timeline-day-date{font-size:14px;font-weight:700;color:#000;white-space:nowrap}.timeline-header-allday{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}.timeline-header-allday-pill{color:#2d2d2d;font-size:9px;font-weight:400;padding:.125rem .25rem;border-radius:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px #0000000d}.timeline-header-allday-pill:hover{opacity:.9}.timeline-day-number{font-size:22px;font-weight:700;color:#000;white-space:nowrap}.timeline-grid{display:flex;flex:1;position:relative;min-height:0;overflow:auto}.timeline-time-column{width:3rem;border-right:1px solid #e5e7eb;flex-shrink:0;display:flex;flex-direction:column}.timeline-time-labels{width:5rem;border-right:1px solid #e5e7eb;flex-shrink:0}.timeline-hour-label{flex:1;font-size:11px;color:#4b5563;text-align:right;padding-right:.5rem;padding-top:.125rem;border-bottom:1px solid #e5e7eb;white-space:nowrap;min-height:30px;box-sizing:border-box}.timeline-hour-label:last-child{border-bottom:none}.timeline-time-label{flex:1;font-size:11px;color:#4b5563;text-align:right;padding-right:.5rem;padding-top:.125rem;border-bottom:1px solid #e5e7eb;white-space:nowrap;min-height:30px;box-sizing:border-box}.timeline-time-label:last-child{border-bottom:none}.timeline-days-container{flex:1;display:flex;position:relative;min-height:0}.timeline-hour-lines,.timeline-hour-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.timeline-hour-line{position:absolute;width:100%;border-bottom:1px solid rgba(229,231,235,.3)}.timeline-day{flex:1;min-width:60px;border-right:1px solid #e5e7eb;position:relative}.timeline-day-weekend{background-color:#f9fafb}.timeline-day-column{flex:1;min-width:60px;border-right:1px solid #e5e7eb;position:relative}.timeline-day-column.weekend{background-color:#f9fafb}.timeline-event{position:absolute;left:0;right:0;margin:0 .125rem;border-radius:.25rem;padding:.125rem .25rem;color:#2d2d2d;overflow:hidden;box-shadow:0 1px 3px #0000001a;cursor:pointer;min-height:20px}.timeline-event:hover{box-shadow:0 4px 6px -1px #0000001a}.timeline-event-title{font-weight:400;font-size:.625rem;line-height:1.2;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.timeline-event-time{font-size:.625rem;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#fff}.auth-content{text-align:center}.auth-title{font-size:56px;font-weight:700;color:#000;margin-bottom:30px}.auth-subtitle{font-size:32px;color:#4b5563;margin-bottom:40px}.auth-button{background-color:#1f2937;color:#fff;font-weight:600;padding:1.5rem 3rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;display:inline-flex;align-items:center;gap:1rem;font-size:32px;transition:background-color .15s;border:none;cursor:pointer}.auth-button:hover{background-color:#111827}.loading-container,.error-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#fff}.loading-content,.error-content{text-align:center}.loading-spinner{width:5rem;height:5rem;border:4px solid #e5e7eb;border-top-color:#000;border-radius:9999px;margin:0 auto 1.5rem;animation:spin 1s linear infinite}.loading-text{font-size:36px;color:#000}.error-icon{width:6rem;height:6rem;color:#000;margin:0 auto 1.5rem}.error-title{font-size:48px;font-weight:700;color:#000;margin-bottom:1rem}.error-message{font-size:32px;color:#4b5563;margin-bottom:1.5rem;max-width:42rem;padding:0 2rem}.error-button{background-color:#1f2937;color:#fff;font-weight:600;padding:1rem 2rem;border-radius:.5rem;font-size:32px;transition:background-color .15s;border:none;cursor:pointer}.error-button:hover{background-color:#111827}.status-indicator{display:flex;align-items:center;gap:.5rem;color:#4b5563}.status-indicator.error,.status-indicator.success{color:#000}.clock-container{display:flex;align-items:center;gap:.5rem}.clock-time{font-size:20px;font-weight:700;color:#000}.clock-date{font-size:16px;color:#4b5563}.calendar-selector{width:100%}.calendar-selector-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:2px solid #e5e7eb;background-color:#f9fafb}.calendar-selector-header h3{font-size:16px;font-weight:700;color:#000;margin:0}.calendar-selector-close{background:none;border:none;font-size:28px;color:#4b5563;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.calendar-selector-close:hover{background-color:#e5e7eb}.calendar-list{padding:1rem;max-height:400px;overflow-y:auto}.calendar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.calendar-item:hover{background-color:#f9fafb}.calendar-checkbox{width:20px;height:20px;cursor:pointer}.calendar-color-indicator{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1px solid #e5e7eb}.calendar-name{font-size:18px;color:#000;flex:1}.calendar-primary{font-size:16px;color:#4b5563;font-weight:400}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;border-radius:.5rem;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:32px;color:#4b5563;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s}.modal-close:hover{background-color:#f3f4f6}.modal-title{font-size:24px;font-weight:700;color:#000;margin-bottom:1.5rem;padding-right:2rem}.modal-details{display:flex;flex-direction:column;gap:1rem}.modal-detail-row{display:flex;flex-direction:column;gap:.25rem}.modal-detail-label{font-size:14px;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.05em}.modal-detail-value{font-size:16px;color:#000;line-height:1.5;white-space:pre-wrap}.modal-attendee{padding:.25rem 0;font-size:16px;color:#000}.modal-attendee-status{font-size:14px;color:#4b5563;margin-left:.5rem}.modal-link{color:#3b82f6;text-decoration:none;font-size:16px}.modal-link:hover{text-decoration:underline}