[data-v-852b477c]{margin:0;padding:0;box-sizing:border-box;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body[data-v-852b477c]{background:linear-gradient(135deg,#f5f7fa,#e4edf5);min-height:100vh;padding:20px;color:#2c3e50}.container[data-v-852b477c]{max-width:1400px;margin:0 auto}.header[data-v-852b477c]{text-align:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.05)}.header h1[data-v-852b477c]{font-size:2.5rem;background:linear-gradient(90deg,#3498db,#2ecc71);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}.header p[data-v-852b477c]{font-size:1.1rem;color:#7f8c8d;max-width:800px;margin:0 auto;line-height:1.6}.features[data-v-852b477c]{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0}.feature[data-v-852b477c]{background:#e3f2fd;padding:15px 20px;border-radius:10px;width:250px;text-align:center;transition:transform .3s}.feature[data-v-852b477c]:hover{transform:translateY(-5px)}.feature i[data-v-852b477c]{font-size:2rem;color:#3498db;margin-bottom:10px}.feature h3[data-v-852b477c]{color:#2c3e50;margin-bottom:8px}.feature p[data-v-852b477c]{font-size:.95rem;color:#7f8c8d}.app-container[data-v-852b477c]{display:flex;gap:30px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden;min-height:700px}.calendar-section[data-v-852b477c]{flex:1;padding:25px;background:#f9fbfd;border-right:1px solid #eaeef5}.reminders-section[data-v-852b477c]{width:380px;padding:25px;background:#fff;position:relative}.section-title[data-v-852b477c]{font-size:1.4rem;color:#2c3e50;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #3498db;display:flex;align-items:center}.section-title i[data-v-852b477c]{margin-right:10px;color:#3498db}.custom-cell[data-v-852b477c]{height:100%;padding:8px;position:relative}.current-day[data-v-852b477c]{background-color:#3498db;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.reminder-indicator[data-v-852b477c]{position:absolute;bottom:5px;right:5px;width:8px;height:8px;background:#e74c3c;border-radius:50%}.add-reminder-btn[data-v-852b477c]{position:absolute;bottom:5px;left:5px;font-size:12px;color:#3498db;cursor:pointer;opacity:0;transition:opacity .3s}.custom-cell:hover .add-reminder-btn[data-v-852b477c]{opacity:1}.reminders-list[data-v-852b477c]{max-height:600px;overflow-y:auto;padding-right:10px}.reminder-card[data-v-852b477c]{background:#f8fafc;border-radius:10px;padding:15px;margin-bottom:15px;border-left:4px solid #3498db;box-shadow:0 3px 10px rgba(0,0,0,.03);transition:transform .3s,box-shadow .3s;position:relative}.reminder-card[data-v-852b477c]:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.08)}.reminder-title[data-v-852b477c]{font-weight:600;font-size:1.1rem;color:#2c3e50;margin-bottom:8px}.reminder-time[data-v-852b477c]{color:#3498db;font-size:.9rem;margin-bottom:5px;display:flex;align-items:center}.reminder-desc[data-v-852b477c]{color:#7f8c8d;font-size:.95rem;line-height:1.5}.reminder-date[data-v-852b477c]{background:#e3f2fd;color:#3498db;font-size:.85rem;padding:3px 8px;border-radius:20px;display:inline-block;margin-top:10px}.reminder-actions[data-v-852b477c]{position:absolute;top:15px;right:15px}.reminder-actions i[data-v-852b477c]{margin-left:10px;cursor:pointer;color:#95a5a6;transition:color .3s}.reminder-actions i[data-v-852b477c]:hover{color:#3498db}.delete-btn[data-v-852b477c]:hover{color:#e74c3c!important}.no-reminders[data-v-852b477c]{text-align:center;padding:40px 20px;color:#95a5a6}.no-reminders i[data-v-852b477c]{font-size:3rem;margin-bottom:20px;color:#bdc3c7}.add-btn[data-v-852b477c]{background:#3498db;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;margin-top:20px;transition:background .3s}.add-btn[data-v-852b477c]:hover{background:#2980b9}.add-btn i[data-v-852b477c]{margin-right:8px}@media (max-width:992px){.app-container[data-v-852b477c]{flex-direction:column}.reminders-section[data-v-852b477c]{width:100%}}.calendar-header[data-v-852b477c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-title[data-v-852b477c]{font-size:1.3rem;font-weight:600;color:#2c3e50}.calendar-actions button[data-v-852b477c]{background:#e3f2fd;border:none;border-radius:6px;padding:8px 15px;color:#3498db;cursor:pointer;margin-left:10px;transition:background .3s}.calendar-actions button[data-v-852b477c]:hover{background:#d1e7fa}.notification[data-v-852b477c]{position:fixed;top:20px;right:20px;background:#fff;border-left:4px solid #2ecc71;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:15px 25px;border-radius:6px;z-index:2000;display:flex;align-items:center;max-width:350px;transform:translateX(120%);transition:transform .5s ease}.notification.show[data-v-852b477c]{transform:translateX(0)}.notification i[data-v-852b477c]{color:#2ecc71;font-size:1.5rem;margin-right:15px}.notification-content h4[data-v-852b477c]{margin-bottom:5px;color:#2c3e50}.notification-content p[data-v-852b477c]{color:#7f8c8d;font-size:.9rem}.notification-alarm[data-v-852b477c]{border-left-color:#e74c3c}.notification-alarm i[data-v-852b477c]{color:#e74c3c}.reminder-tag[data-v-852b477c]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;margin-right:5px;margin-top:8px}.tag-work[data-v-852b477c]{background:#e3f2fd;color:#3498db}.tag-personal[data-v-852b477c]{background:#e8f5e9;color:#4caf50}.tag-important[data-v-852b477c]{background:#ffebee;color:#e53935}.time-picker-container[data-v-852b477c]{position:relative}.time-picker-info[data-v-852b477c]{position:absolute;top:100%;left:0;margin-top:5px;font-size:.8rem;color:#3498db}footer[data-v-852b477c]{text-align:center;margin-top:30px;padding:20px;color:#7f8c8d;font-size:.9rem}.system-time[data-v-852b477c]{position:absolute;top:15px;right:15px;background:#e3f2fd;padding:5px 10px;border-radius:20px;font-size:.85rem;color:#3498db}.instructions[data-v-852b477c]{background:#e3f2fd;border-radius:10px;padding:20px;margin:20px 0}.instructions h3[data-v-852b477c]{color:#3498db;margin-bottom:10px}.instructions ul[data-v-852b477c]{padding-left:20px}.instructions li[data-v-852b477c]{margin-bottom:8px;line-height:1.5}