*{box-sizing:border-box;font-family:Arial,sans-serif}body{background:#f1f5f9;margin:0}.calendar-container{background:#fff;border-radius:16px;max-width:1300px;margin:30px auto;padding:32px;font-family:Arial,sans-serif;box-shadow:0 2px 8px #0000000f,0 8px 32px #0000000f}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.calendar-header h2{color:#0f172a;letter-spacing:-.02em;font-size:1.35rem;font-weight:600}.calendar-header button{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:8px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:.85rem;transition:background .15s,transform .1s}.calendar-header button:hover{background:#1e40af;transform:scale(1.04)}.calendar-hint{color:#94a3b8;text-align:center;letter-spacing:.01em;margin:0 0 16px;font-size:.72rem}.calendar-weekdays{text-align:center;background:#1e3a8a;border-radius:10px;grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid;overflow:hidden}.weekday{text-transform:uppercase;letter-spacing:.1em;color:#fff;padding:10px 0;font-size:.8rem;font-weight:700}.weekday:first-child,.weekday:last-child{color:#93c5fd}.calendar-grid-wrapper{flex-direction:column;gap:5px;display:flex}.calendar-week-row{grid-template-columns:repeat(7,1fr);gap:5px;display:grid;position:relative}.calendar-day{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:6px 7px 5px;transition:border-color .12s,background .12s,box-shadow .12s;display:flex;position:relative}.calendar-day:hover{background:#f1f5f9;border-color:#cbd5e1}.calendar-day.today{background:#eff6ff;border-color:#3b82f6}.calendar-day.inactive{opacity:.35;pointer-events:none}.calendar-day.drag-over{background:#eef2ff;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.calendar-day.day-selected{background:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.day-number{color:#334155;align-self:flex-end;margin-bottom:4px;font-family:DM Mono,monospace;font-size:1rem;font-weight:600;line-height:1}.today-badge{color:#fff;background:#1e3a8a;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;display:inline-flex}.add-event-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1.1rem;line-height:1;transition:color .15s,transform .1s;display:none;position:absolute;bottom:5px;right:6px}.calendar-day:hover .add-event-btn{display:block}.add-event-btn:hover{color:#1e3a8a;transform:scale(1.2)}.event-bar{cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:10;align-items:center;gap:5px;height:20px;padding:0 7px;font-size:.7rem;font-weight:500;transition:opacity .15s,filter .12s,box-shadow .12s;display:flex;position:absolute;overflow:hidden}.event-bar:hover{filter:brightness(1.1);z-index:20;box-shadow:0 2px 8px #00000040}.event-bar:active{cursor:grabbing}.event-bar.dragging{opacity:.3;transform:scale(.97)}.bar-time{opacity:.82;flex-shrink:0;font-family:DM Mono,monospace;font-size:.6rem}.bar-title{text-overflow:ellipsis;flex:1;overflow:hidden}.bar-continued{opacity:.88;font-style:italic}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:all;cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-width:240px;max-width:340px;padding:12px 18px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;animation:.25s cubic-bezier(.34,1.36,.64,1) toastIn;display:flex;box-shadow:0 4px 20px #00000024}@keyframes toastIn{0%{opacity:0;transform:translate(60px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.toast-success{color:#065f46;background:#ecfdf5;border:1.5px solid #6ee7b7}.toast-error{color:#9f1239;background:#fff1f2;border:1.5px solid #fda4af}.toast-icon{flex-shrink:0;font-size:1rem;font-weight:700}.delete-confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0f172a8c;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.delete-confirm-card{text-align:center;background:#fff;border-radius:14px;width:340px;max-width:92vw;padding:28px 28px 22px;animation:.18s cubic-bezier(.34,1.36,.64,1) slideUp;box-shadow:0 20px 60px #0000002e}.delete-confirm-icon{margin-bottom:10px;font-size:2rem}.delete-confirm-title{color:#0f172a;margin:0 0 8px;font-size:1.05rem;font-weight:600}.delete-confirm-msg{color:#64748b;margin:0 0 20px;font-size:.875rem;line-height:1.5}.delete-confirm-actions{justify-content:center;gap:10px;display:flex}.btn-delete-confirm{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:8px;padding:9px 20px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;transition:background .15s,transform .1s}.btn-delete-confirm:hover{background:#be123c;transform:scale(1.02)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#fff;border-radius:14px;width:460px;max-width:95vw;animation:.18s cubic-bezier(.34,1.36,.64,1) slideUp;overflow:hidden;box-shadow:0 20px 60px #0000002e}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.modal-header h3{color:#0f172a;margin:0;font-size:1rem;font-weight:600}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:2px 5px;font-size:1rem;transition:color .15s,background .15s}.modal-close:hover{color:#334155;background:#f1f5f9}.modal-body{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.modal-body label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:-4px;font-size:.72rem;font-weight:600}.modal-input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 11px;font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.modal-input:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.modal-textarea{resize:vertical;min-height:72px;line-height:1.5}.modal-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-field{flex-direction:column;gap:5px;display:flex}.multi-day-note{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin:0;padding:6px 10px;font-size:.78rem}.color-picker{flex-wrap:wrap;gap:9px;display:flex}.color-dot{cursor:pointer;border:2.5px solid #0000;border-radius:50%;outline:none;width:26px;height:26px;transition:transform .12s,box-shadow .12s}.color-dot:hover{transform:scale(1.18)}.color-dot.selected{border-color:#0f172a;transform:scale(1.12);box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px #0f172a4d}.modal-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 20px 16px;display:flex}.modal-actions{gap:8px;margin-left:auto;display:flex}.btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:.87rem;font-weight:500;transition:background .15s}.btn-cancel:hover{background:#e2e8f0}.btn-save{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:8px;padding:8px 20px;font-family:DM Sans,sans-serif;font-size:.87rem;font-weight:600;transition:background .15s,transform .1s}.btn-save:hover{background:#1e40af;transform:scale(1.02)}.btn-delete{color:#be123c;cursor:pointer;background:#fff1f2;border:1.5px solid #fecdd3;border-radius:8px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:.87rem;font-weight:500;transition:background .15s,border-color .15s}.btn-delete:hover{background:#ffe4e6;border-color:#fda4af}.app-header{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:16px 18px;display:flex;box-shadow:0 1px 2px #0000000a}.app-header-left{align-items:center;display:flex}.app-logo{object-fit:contain;width:52px;height:52px}.app-header-center{flex-direction:column;flex:1;justify-content:center;display:flex}.app-header-center h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:700}.app-header-center p{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin:2px 0 0;font-size:.75rem}.app-header-right{text-align:right;flex-direction:column;justify-content:center;display:flex}.app-header-right h2{color:#1e3a8a;letter-spacing:-.01em;margin:0;font-size:.85rem;font-weight:700}.app-header-right span{color:#64748b;text-transform:uppercase;letter-spacing:.12em;margin-top:2px;font-size:.72rem}.app-header:hover{transition:all .2s;box-shadow:0 6px 18px #0000000f}.app-footer{color:#64748b;background:0 0;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:24px;padding:14px 10px;font-family:DM Sans,sans-serif;font-size:.75rem;display:flex}.app-footer p{margin:0}.app-footer span{color:#334155;font-weight:500}@media (width<=640px){.calendar-container{border-radius:12px;margin:12px;padding:14px}.calendar-day{padding:4px 5px}.bar-time{display:none}.modal-card{width:98vw}.modal-row{grid-template-columns:1fr}.app-header{text-align:center;flex-direction:column;gap:10px}.app-header-right{text-align:center}.app-logo{width:42px;height:42px}.app-header-text h1{font-size:.9rem}.app-header-text p{font-size:.65rem}.app-footer{text-align:center;flex-direction:column;gap:6px}.toast-container{top:10px;right:10px}.toast{min-width:200px}}