*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App{min-height:100vh}.App{display:flex;flex-direction:column}.container{margin:0 auto;max-width:1200px;padding:20px}.card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;margin-bottom:20px;padding:32px}.button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button.secondary{background:#e5e7eb;color:#374151}.button.secondary:hover{background:#d1d5db;box-shadow:0 6px 20px #0000001a}.button.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.button.danger:hover{box-shadow:0 6px 20px #ef444466}.input{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;margin-bottom:16px;padding:12px 16px;transition:border-color .2s;width:100%}.input:focus{border-color:#667eea;outline:none}.label{color:#374151;display:block;font-weight:600;margin-bottom:8px}.error{color:#ef4444;margin-top:-8px}.error,.success{font-size:14px;margin-bottom:16px}.success{color:#10b981}.navbar{align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:16px 32px}.navbar-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.navbar-menu{gap:16px}.loading,.navbar-menu{align-items:center;display:flex}.loading{color:#6b7280;font-size:18px;justify-content:center;min-height:200px}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:768px){.navbar{padding:12px 16px}.card{padding:20px}.container{padding:12px}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:440px;padding:48px;width:100%}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;margin-bottom:8px;text-align:center}.auth-subtitle{color:#6b7280;font-size:16px;margin-bottom:32px;text-align:center}.form-group{margin-bottom:20px}.button-full{margin-top:8px;width:100%}.auth-footer{color:#6b7280;font-size:14px;margin-top:24px;text-align:center}.auth-link{color:#667eea;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.password-requirements{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.requirements-title{color:#374151;font-size:13px;font-weight:600;margin-bottom:8px}.requirements-list{list-style:none;margin:0;padding:0}.requirements-list li{align-items:center;display:flex;font-size:12px;gap:6px;padding:4px 0}.requirements-list li.valid{color:#059669}.requirements-list li.invalid{color:#dc2626}@media (max-width:480px){.auth-card{padding:32px 24px}.auth-title{font-size:28px}}.timezone-selector{position:relative;width:100%}.timezone-selector-input{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#111827;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;min-height:38px;padding:8px 10px;transition:all .2s;width:100%}.timezone-selector-input:hover{border-color:#667eea}.timezone-selector-input:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.timezone-selector-input .placeholder{color:#9ca3af}.timezone-suggestion{color:#667eea;font-size:11px;font-weight:400;margin-left:6px}.timezone-selector-arrow{color:#6b7280;flex-shrink:0;font-size:10px;margin-left:8px}.timezone-selector-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.timezone-selector-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;left:0;max-height:350px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:999}.timezone-selector-search{border-bottom:1px solid #e5e7eb;padding:8px}.timezone-selector-search input{border:1px solid #e5e7eb;border-radius:4px;font-size:13px;outline:none;padding:6px 10px;transition:border-color .2s;width:100%}.timezone-selector-search input:focus{border-color:#667eea}.timezone-selector-list{max-height:280px;overflow-y:auto}.timezone-selector-option{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;min-height:32px;padding:6px 10px;transition:background-color .15s}.timezone-selector-option:last-child{border-bottom:none}.timezone-selector-option:hover{background-color:#f9fafb}.timezone-selector-option.selected{background-color:#eef2ff;color:#667eea;font-weight:500}.timezone-option-label{align-items:center;display:flex;flex:1 1;font-size:13px;gap:6px;line-height:1.4}.timezone-option-check{color:#667eea;flex-shrink:0;font-size:14px;font-weight:700;margin-left:8px}.timezone-selector-no-results{color:#6b7280;font-size:13px;padding:12px;text-align:center}.timezone-selector-suggested{background-color:#eef2ff!important;border-left:3px solid #667eea}.timezone-selector-suggested:hover{background-color:#e0e7ff!important}.timezone-suggested-badge{background:#667eea}.timezone-browser-badge,.timezone-suggested-badge{border-radius:3px;color:#fff;display:inline-block;font-size:10px;font-weight:600;padding:1px 5px;white-space:nowrap}.timezone-browser-badge{background:#10b981}.timezone-selector-option.browser-timezone{background-color:#f0fdf4}.swipe-to-delete-container{background:#fff;border-radius:12px;margin-top:16px;padding:20px}.swipe-to-delete-message{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:16px;text-align:center}.swipe-to-delete-slider{background:#f3f4f6;border-radius:28px;cursor:grab;height:56px;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.swipe-to-delete-slider:active{cursor:grabbing}.swipe-to-delete-track{align-items:center;background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:28px;display:flex;height:100%;justify-content:flex-end;left:0;padding-right:8px;position:absolute;top:0;transition:width .1s ease-out;z-index:2}.swipe-to-delete-handle{background:#fff;border-radius:24px;box-shadow:0 2px 8px #00000026;color:#ef4444;height:48px;margin-right:4px;width:48px}.swipe-to-delete-background,.swipe-to-delete-handle{align-items:center;display:flex;justify-content:center}.swipe-to-delete-background{color:#9ca3af;font-size:14px;font-weight:600;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.swipe-to-delete-confirm{animation:pulse .5s ease-in-out;color:#fff;font-size:16px;font-weight:700}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.swipe-to-delete-container{padding:16px}.swipe-to-delete-slider{height:52px}.swipe-to-delete-handle{height:44px;width:44px}}.contact-groups-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-groups-container{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #6366f133;border-radius:20px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:1000px;overflow:hidden;width:90%}.contact-groups-loading{align-items:center;color:#a5b4fc;display:flex;font-size:18px;height:100%;justify-content:center}.contact-groups-header{align-items:center;background:#6366f10d;border-bottom:1px solid #6366f126;display:flex;justify-content:space-between;padding:20px 24px}.contact-groups-header h2{color:#e0e7ff;font-family:Archivo,sans-serif;font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s;width:36px}.close-btn:hover{background:#ef444433;transform:scale(1.05)}.contact-groups-alert{align-items:center;border-radius:10px;display:flex;font-size:14px;justify-content:space-between;margin:12px 24px 0;padding:12px 16px}.contact-groups-alert.error{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.contact-groups-alert.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#86efac}.contact-groups-alert button{background:#0000;border:none;color:inherit;cursor:pointer;font-size:18px;opacity:.7}.contact-groups-alert button:hover{opacity:1}.contact-groups-content{display:flex;flex:1 1;overflow:hidden}.contact-groups-list{background:#0003;border-right:1px solid #6366f126;display:flex;flex-direction:column;width:280px}.list-header{align-items:center;border-bottom:1px solid #6366f11a;display:flex;justify-content:space-between;padding:16px 20px}.list-header h3{color:#c7d2fe;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.btn-create{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:all .2s;width:28px}.btn-create:hover{box-shadow:0 4px 12px #6366f166;transform:scale(1.1)}.groups-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:8px}.group-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px 16px;transition:all .2s}.group-item:hover{background:#6366f11a}.group-item.active{background:#6366f133;border:1px solid #6366f14d}.group-color{border-radius:4px;flex-shrink:0;height:12px;width:12px}.group-info{display:flex;flex-direction:column;min-width:0}.group-name{color:#e0e7ff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-count{color:#818cf8;font-size:12px;margin-top:2px}.empty-state{color:#818cf8;padding:40px 20px}.empty-state p{margin-bottom:16px}.contact-groups-details{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.no-selection{align-items:center;color:#818cf8;display:flex;font-size:16px;height:100%;justify-content:center}.details-header{border-bottom:1px solid #6366f11a;justify-content:space-between;padding:20px 24px}.details-header,.details-title{align-items:flex-start;display:flex}.details-title{gap:16px}.group-color-large{border-radius:12px;flex-shrink:0;height:48px;width:48px}.details-title h3{color:#e0e7ff;font-size:1.25rem;margin:0 0 4px}.group-description{color:#a5b4fc;font-size:14px;margin:0}.details-actions{display:flex;gap:8px}.btn-icon{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-icon:hover{background:#6366f133;transform:scale(1.05)}.btn-icon.danger:hover{background:#ef444433;border-color:#ef44444d}.add-member-section{border-bottom:1px solid #6366f11a;display:flex;flex-wrap:wrap;gap:12px;padding:16px 24px}.add-member-form{display:flex;flex:1 1;gap:8px;min-width:250px}.input-email{background:#0000004d;border:1px solid #6366f133;border-radius:10px;color:#e0e7ff;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:all .2s}.input-email:focus{background:#0006;border-color:#6366f1}.input-email::placeholder{color:#6b7280}.btn-add{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.btn-add:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.btn-bulk{background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;color:#a5b4fc;cursor:pointer;font-size:13px;padding:10px 16px;transition:all .2s}.btn-bulk:hover{background:#6366f133}.members-section{flex:1 1;overflow-y:auto;padding:16px 24px}.members-section h4{color:#c7d2fe;font-size:14px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.members-list{list-style:none;margin:0;padding:0}.member-item{align-items:center;background:#0003;border-radius:12px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.member-item:hover{background:#0000004d}.member-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.member-info{flex:1 1;min-width:0}.member-name{color:#e0e7ff;display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-email{color:#818cf8;display:block;font-size:12px;margin-top:2px}.member-nickname{color:#a5b4fc;font-size:12px;margin-left:4px}.btn-remove{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;opacity:0;transition:all .2s;width:28px}.member-item:hover .btn-remove{opacity:1}.btn-remove:hover{background:#ef444433;transform:scale(1.1)}.no-members{color:#6b7280;padding:32px;text-align:center}.use-group-section{background:#0003;border-top:1px solid #6366f11a;padding:16px 24px}.btn-use-group{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s;width:100%}.btn-use-group:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-use-group:disabled{background:#4b5563;cursor:not-allowed;opacity:.5}.contact-groups-container .modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.contact-groups-container .modal{background:linear-gradient(145deg,#1e1e3f,#1a1a35);border:1px solid #6366f14d;border-radius:16px;box-shadow:0 20px 40px #00000080;max-width:400px;padding:24px;width:90%}.contact-groups-container .modal h3{color:#e0e7ff;font-size:1.25rem;margin:0 0 20px}.contact-groups-container .form-group{margin-bottom:16px}.contact-groups-container .form-group label{color:#a5b4fc;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.contact-groups-container .form-group input[type=email],.contact-groups-container .form-group input[type=text],.contact-groups-container .form-group textarea{background:#0000004d;border:1px solid #6366f133;border-radius:10px;box-sizing:border-box;color:#e0e7ff;font-size:14px;outline:none;padding:10px 14px;transition:all .2s;width:100%}.contact-groups-container .form-group input:focus,.contact-groups-container .form-group textarea:focus{background:#0006;border-color:#6366f1}.contact-groups-container .form-group textarea{min-height:60px;resize:vertical}.contact-groups-container .color-input{background:#0000004d;border:1px solid #6366f133;border-radius:8px;cursor:pointer;height:40px;padding:4px;width:60px}.contact-groups-container .hint{color:#6b7280;font-size:12px;margin:8px 0 16px}.contact-groups-container .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-cancel{background:#6b728033;border:1px solid #6b72804d;border-radius:10px;color:#9ca3af;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:#6b72804d}.btn-submit{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .2s}.btn-submit:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}@media (max-width:768px){.contact-groups-container{border-radius:16px;height:90vh;max-height:none;width:95%}.contact-groups-content{flex-direction:column}.contact-groups-list{border-bottom:1px solid #6366f126;border-right:none;max-height:200px;width:100%}.groups-list{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:8px}.group-item{flex-shrink:0;margin-bottom:0}.add-member-section{flex-direction:column}.add-member-form{min-width:100%}}.dashboard{background:#f9fafb;min-height:100vh}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.dashboard-header h1{color:#111827;font-size:32px;font-weight:700}.header-actions{align-items:center;display:flex;gap:12px}.navbar-user{color:#374151;font-weight:500}.calendar-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;padding:24px;transition:transform .2s,box-shadow .2s}.calendar-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.calendar-header{margin-bottom:12px}.calendar-header h3{color:#111827;font-size:20px;font-weight:600}.calendar-type{background:#e5e7eb;border-radius:12px;color:#374151;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.calendar-description{color:#6b7280;margin-bottom:16px;min-height:40px}.calendar-delete-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.calendar-delete-btn:hover{background:#f3f4f6;color:#ef4444}.calendar-delete-btn:active{background:#e5e7eb}.empty-state{padding:64px 20px;text-align:center}.empty-state h2{color:#374151;font-size:24px;margin-bottom:8px}.empty-state p{color:#6b7280}.modal{max-width:500px;padding:32px;width:90%}.modal h2{color:#111827;font-size:24px;font-weight:700;margin-bottom:24px}.modal-close-btn{background:#0000;color:#6b7280;height:32px;width:32px}.modal-close-btn:hover{background:#f3f4f6;color:#111827}.modal-close-btn:active{background:#e5e7eb}.modal-actions .button{flex:1 1}.color-input{cursor:pointer;height:50px}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-direction:column;width:100%}.header-actions .button{width:100%}.calendar-actions{flex-direction:column}}.author-avatar{align-items:center;cursor:help;display:inline-flex;justify-content:center;position:relative}.author-avatar-small{font-size:10px;height:24px;width:24px}.author-avatar-medium{font-size:12px;height:32px;width:32px}.author-avatar-large{font-size:14px;height:40px;width:40px}.author-avatar-initials{align-items:center;border-radius:50%;box-shadow:0 1px 3px #0003;color:#fff;display:flex;font-weight:600;height:100%;justify-content:center;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease;width:100%}.author-avatar:hover .author-avatar-initials{box-shadow:0 2px 6px #0000004d;transform:scale(1.1)}.author-avatar[data-tooltip]:hover:after{background-color:#1f2937;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;content:attr(data-tooltip);font-size:12px;margin-bottom:8px;padding:6px 10px;white-space:nowrap}.author-avatar[data-tooltip]:hover:after,.author-avatar[data-tooltip]:hover:before{bottom:100%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.author-avatar[data-tooltip]:hover:before{border:5px solid #0000;border-top-color:#1f2937;content:"";margin-bottom:3px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.calendar-view{background:#f9fafb;min-height:100vh}.calendar-title{color:#374151;font-size:18px;font-weight:600}.calendar-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.view-controls{display:flex;flex:1 1;flex-direction:column;gap:12px}.view-buttons{display:flex;gap:8px}.view-button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.view-button:hover{border-color:#667eea;color:#667eea}.view-button.active{background:#667eea;border-color:#667eea;color:#fff}.date-navigation{align-items:center;display:flex;gap:8px}.month-navigation{align-items:center;display:flex;gap:16px}.month-navigation h2{color:#111827;font-size:24px;font-weight:700;min-width:200px;text-align:center;text-transform:capitalize}.month-navigation .button{padding:8px 16px}.calendar-grid{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:24px}.weekdays{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:16px}.weekday{color:#6b7280;font-size:14px;font-weight:600;padding:8px;text-align:center}.days{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.day{border:2px solid #f3f4f6;border-radius:8px;cursor:pointer;min-height:100px;padding:8px;transition:all .2s}.day:hover{background:#f9fafb;border-color:#667eea}.day.other-month{opacity:.3}.day.today{background:#eef2ff;border-color:#667eea}.day-number{color:#111827;font-weight:600;margin-bottom:4px}.day-events{display:flex;flex-direction:column;gap:4px}.event-pill{border-radius:4px;color:#fff;font-size:12px;font-weight:500;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.event-more{color:#6b7280;font-size:11px;padding:2px 4px}.events-list{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:24px}.events-list h3{color:#111827;font-size:20px;font-weight:600;margin-bottom:16px}.events-cards{grid-gap:12px;display:grid;gap:12px}.event-card{border:2px solid #f3f4f6;border-radius:12px;padding:16px;transition:all .2s}.event-card:hover{background:#f9fafb;border-color:#667eea}.event-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.event-card-header h4{color:#111827;flex:1 1;font-size:16px;font-weight:600;min-width:0}.delete-btn{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:background .2s;width:24px}.delete-btn:hover{background:#fee2e2}.event-location,.event-time{color:#6b7280;font-size:14px;margin-bottom:4px}.event-description{color:#374151;font-size:14px;margin-top:8px}.empty-state-small{color:#6b7280;padding:32px;text-align:center}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.modal-header h2{color:#111827;font-size:24px;font-weight:700;margin:0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;position:relative;width:100%}.modal-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .2s;width:40px}.modal-close-btn:hover{background:#fee2e2;transform:scale(1.1)}.modal-close-btn:active{transform:scale(.95)}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px}.modal-actions .button.danger{background:#ef4444;border:none;color:#fff}.modal-actions .button.danger:hover{background:#dc2626}.event-card-content{flex:1 1;min-width:0}.event-card-header h4{transition:color .2s}.event-card-header h4:hover{color:#667eea}.event-card .delete-btn{flex-shrink:0;margin-top:-4px}.day-view{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:24px}.day-header{border-bottom:2px solid #f3f4f6;margin-bottom:24px;padding-bottom:16px}.day-header h3{color:#111827;font-size:24px;font-weight:700;text-transform:capitalize}.all-day-events-section{border-bottom:2px solid #f3f4f6;margin-bottom:24px;padding-bottom:16px}.all-day-label{color:#6b7280;font-size:14px;font-weight:600;margin-bottom:8px;padding-left:80px}.all-day-content{display:flex;flex-direction:column;gap:4px;padding-left:80px}.all-day-event{border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-weight:500;padding:8px 12px;transition:all .2s}.all-day-event:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.all-day-event-content{align-items:center;display:flex;gap:8px;justify-content:space-between}.all-day-event-title{flex:1 1;font-size:14px;font-weight:600;min-width:0}.all-day-event-author{flex-shrink:0}.day-timeline,.hour-row{position:relative}.hour-row{border-bottom:1px solid #f3f4f6;display:flex;min-height:60px}.hour-label{color:#6b7280;flex-shrink:0;font-size:14px;font-weight:600;padding:8px;width:80px}.hour-content{cursor:pointer;flex:1 1;padding:4px;position:relative;transition:background-color .2s}.hour-content:hover{background-color:#f0f4f8}.day-event{border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;left:0;padding:8px;position:absolute;right:0;transition:all .2s;z-index:1}.day-event:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.day-event-header{align-items:center;display:flex;gap:6px;justify-content:space-between;margin-bottom:4px}.day-event-time{flex:1 1;font-size:12px;opacity:.9}.day-event-title{font-size:14px;font-weight:600}.week-view{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;overflow-x:auto;padding:24px}.week-header{grid-gap:8px;border-bottom:2px solid #f3f4f6;display:grid;gap:8px;grid-template-columns:80px repeat(7,1fr);margin-bottom:8px;padding-bottom:12px}.week-day-header{padding:8px;text-align:center}.week-day-name{color:#6b7280;font-size:12px;margin-bottom:4px;text-transform:capitalize}.week-day-number{color:#111827;font-size:18px;font-weight:700}.week-all-day-section{grid-gap:8px;border-bottom:2px solid #e5e7eb;display:grid;gap:8px;grid-template-columns:80px repeat(7,1fr);margin-bottom:8px;min-height:40px;padding-bottom:8px}.week-all-day-label{align-items:flex-start;color:#6b7280;font-size:12px;font-weight:600;padding:8px}.week-all-day-column,.week-all-day-label{border-right:1px solid #f3f4f6;display:flex}.week-all-day-column{flex-direction:column;gap:4px;min-height:32px;padding:4px}.week-all-day-column:last-child{border-right:none}.week-all-day-event{border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:12px;padding:6px 8px;transition:all .2s}.week-all-day-event:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.week-all-day-event-content{align-items:center;display:flex;gap:6px;justify-content:space-between}.week-all-day-event-title{flex:1 1;font-size:12px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-all-day-event-author{flex-shrink:0}.week-body{grid-gap:8px;display:grid;gap:8px;grid-template-columns:80px repeat(7,1fr)}.week-time-column{display:flex;flex-direction:column}.week-hour-label{align-items:flex-start;color:#6b7280;font-size:12px;font-weight:600;height:60px;padding:8px}.week-day-column,.week-hour-label{border-right:1px solid #f3f4f6;display:flex}.week-day-column{flex-direction:column}.week-day-column:last-child{border-right:none}.week-hour-cell{border-bottom:1px solid #f3f4f6;height:60px;padding:2px;position:relative;transition:background-color .2s}.week-hour-cell:hover{background-color:#f0f4f8}.week-event{border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:12px;left:2px;overflow:hidden;padding:4px 6px;position:absolute;right:2px;z-index:1}.week-event:hover{box-shadow:0 2px 6px #00000026;z-index:2}.week-event-header{align-items:center;display:flex;gap:4px;justify-content:space-between;margin-bottom:2px}.week-event-time{flex:1 1;font-size:10px;opacity:.9}.week-event-title{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.calendar-header{align-items:stretch;flex-direction:column;gap:16px}.view-controls{width:100%}.view-buttons{justify-content:stretch;width:100%}.view-button{flex:1 1;font-size:14px;padding:10px 12px}.date-navigation{justify-content:space-between;width:100%}.date-navigation button{font-size:14px;padding:8px 12px}.month-navigation{justify-content:space-between;width:100%}.month-navigation h2{font-size:18px;min-width:auto}.day{min-height:80px;padding:4px}.day-number{font-size:12px}.event-pill{font-size:10px;padding:2px 4px}.form-row{grid-template-columns:1fr}.week-view{padding:12px}.week-body,.week-header{grid-template-columns:60px repeat(7,minmax(80px,1fr))}.hour-label,.week-hour-label{font-size:11px;width:60px}.day-view{padding:12px}.hour-row{min-height:50px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;margin:0;max-height:95vh;max-width:100%;padding:20px}.modal-header{margin-bottom:20px;padding-bottom:12px}.modal-header h2{font-size:20px}.modal-close-btn{height:36px;width:36px}.modal-actions{flex-direction:column-reverse;gap:8px}.modal-actions .button{font-size:16px;padding:14px;width:100%}.all-day-content,.all-day-label{padding-left:60px}.hour-label{font-size:12px;width:60px}.events-list{padding:16px}.events-list h3{font-size:18px}.event-card{padding:12px}.event-card-header h4{font-size:15px}.calendar-header .button{font-size:14px;padding:12px;width:100%}}@media (max-width:480px){.modal-overlay{padding:0}.modal{border-radius:16px 16px 0 0;max-height:98vh;padding:16px}.modal-header h2{font-size:18px}.form-group{margin-bottom:16px}.input{padding:14px 16px}.input,input[type=date],input[type=datetime-local],input[type=time]{font-size:16px}.view-button{font-size:13px;padding:10px 8px}.day-view{padding:8px}.day-header h3{font-size:18px}.hour-label{font-size:11px;padding:4px;width:50px}.all-day-content,.all-day-label{padding-left:50px}}
/*# sourceMappingURL=main.00e8d86f.css.map*/