body,html{overflow-x:hidden}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.header{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:0;box-shadow:0 4px 15px #00000026;display:flex;gap:20px;justify-content:space-between;margin:0;padding:20px 40px;width:100%}.header h1{color:#fff;font-size:32px;font-weight:700;margin:0;text-shadow:2px 2px 4px #0003}.header-nav{align-items:center;display:flex;gap:12px}.header-btn,.logout-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 3px 10px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.header-btn:hover,.logout-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 5px 15px #667eea80;transform:translateY(-2px)}.header-btn:active,.logout-button:active{transform:translateY(0)}.page-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0;max-width:100%;min-height:100vh;padding:0;width:100%}.page-content{margin:0 auto;max-width:1600px;padding:40px 20px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.attachment-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.attachment-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:move;display:flex;gap:12px;padding:12px;transition:all .2s ease}.attachment-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.attachment-item.dragging{border-color:#667eea;opacity:.5}.drag-handle{color:#a0aec0;cursor:grab;font-size:20px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.attachment-preview{align-items:center;display:flex;flex:1 1}.attachment-preview img{border-radius:6px;max-height:100px;max-width:100px;object-fit:contain}.audio-icon,.video-icon{background:#f7fafc;border-radius:6px;font-size:14px;font-weight:600;padding:8px 16px}.delete-attach-btn{background:#f44;font-size:16px;font-weight:700}.delete-attach-btn:hover{background:#c00;transform:scale(1.1)}.attachment-manager{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-top:15px;padding:15px}.attachment-manager h3{color:#333;font-size:16px;margin-bottom:15px;margin-top:0}.attachment-section{border-bottom:1px solid #e0e0e0;margin-bottom:15px;padding-bottom:15px}.attachment-section:last-of-type{border-bottom:none;padding-bottom:0}.attachment-section label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.attachment-section input[type=file],.attachment-section input[type=url]{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px;width:100%}.preview-container{align-items:center;display:flex;gap:10px;margin-top:10px}.preview-image{border:1px solid #ddd;border-radius:4px;max-height:150px;max-width:150px}.url-input-group{align-items:center;display:flex;gap:8px}.url-input-group input{flex:1 1}.btn-sm{font-size:13px;padding:8px 16px}.attachments-list-section{border-top:2px solid #ddd;margin-top:20px;padding-top:15px}.attachments-list-section h4{color:#666;font-size:14px;margin-bottom:10px;margin-top:0}.modal-content{max-width:500px}.modal-content h2{margin:0 0 20px}.modal-content .input-field{border:2px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:15px;padding:12px;transition:border-color .3s;width:100%}.modal-content .input-field:focus{border-color:#4caf50;outline:none}.modal-content .textarea-field{border:2px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:20px;padding:12px;transition:border-color .3s;width:100%}.modal-content .textarea-field:focus{border-color:#4caf50;outline:none}.modal-actions .btn-primary{background-color:#4caf50;color:#fff}.modal-actions .btn-primary:hover{background-color:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-1px)}.modal-actions .btn-secondary{background-color:#757575;color:#fff}.modal-actions .btn-secondary:hover{background-color:#616161;box-shadow:0 4px 8px #7575754d;transform:translateY(-1px)}.modal-actions .btn:active{transform:translateY(0)}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh;padding:20px}.modal-content h2{font-size:20px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.modal-overlay{animation:fadeIn .2s ease-in-out;padding:20px}.modal-content{animation:slideUp .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:30px;width:100%}.modal-content h2{color:#333;font-size:24px;margin:0 0 10px}.modal-time{color:#666;font-size:14px;margin-bottom:20px}.modal-content .input-field,.modal-content .textarea-field{border:2px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:15px;padding:12px;transition:border-color .3s;width:100%}.modal-content .textarea-field{font-family:inherit;min-height:120px;resize:vertical}.modal-content .input-field:focus,.modal-content .textarea-field:focus{border-color:#4caf50;outline:none}.modal-attachments{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;padding:15px}.modal-attachments h3{color:#333;font-size:18px;margin:0 0 15px}.modal-attachments h4{color:#555;font-size:14px;font-weight:600;margin:15px 0 10px}.audio-attachments,.image-attachments,.video-attachments{margin-bottom:15px}.audio-item,.video-item{align-items:center;background:#fff;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.audio-actions{display:flex;gap:8px}.play-btn{padding:6px 12px;transition:background .3s}.play-btn:hover:not(:disabled){background:#45a049}.delete-attachment-btn{background:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:6px 10px;transition:background .3s}.delete-attachment-btn:hover:not(:disabled){background:#c00}.images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-item{border:2px solid #ddd;border-radius:6px;overflow:hidden;position:relative}.image-item img{display:block;height:120px;object-fit:cover;width:100%}.delete-image-btn{align-items:center;background:#ff0000e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:background .3s;width:24px}.delete-image-btn:hover:not(:disabled){background:red}.add-attachments-toggle{margin:15px 0;width:100%}.add-attachments-section{background:#f0f0f0;border-radius:8px;margin:15px 0;padding:15px}.attachment-group{margin-bottom:20px}.attachment-group:last-child{margin-bottom:0}.attachment-group h4{color:#333;font-size:14px;font-weight:600;margin:0 0 10px}.file-input{background:#fff;border:2px dashed #ddd;border-radius:5px;cursor:pointer;padding:10px;transition:border-color .3s;width:100%}.file-input:hover{border-color:#4caf50}.selected-count{color:#666;font-size:13px;font-weight:600;margin:10px 0}.image-previews-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin:10px 0}.preview-item{border:2px solid #ddd;border-radius:4px;overflow:hidden;position:relative}.preview-item img{display:block;height:80px;object-fit:cover;width:100%}.remove-preview-btn{font-size:12px;height:20px;right:2px;top:2px;transition:background .3s;width:20px}.link-input-group{display:flex;gap:8px}.link-input-group .input-field{flex:1 1;margin-bottom:0}.link-input-group .btn{white-space:nowrap}.modal-actions{gap:12px;margin-top:20px}.modal-actions .btn{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s}.btn-primary{background-color:#4caf50}.btn-primary:hover:not(:disabled){background-color:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-1px)}.btn-danger{background-color:#f44;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c00;box-shadow:0 4px 8px #ff44444d;transform:translateY(-1px)}.btn-secondary{background-color:#757575;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#616161;box-shadow:0 4px 8px #7575754d;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn:active{transform:translateY(0)}@media (max-width:768px){.modal-content{padding:20px}.link-input-group,.modal-actions{flex-direction:column}.link-input-group .btn{width:100%}}.add-entry-section{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:25px;padding:25px}.add-entry-section h2{color:#333;font-size:22px;margin:0 0 20px}.input-container{display:flex;flex-direction:column;gap:12px}.title-input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.title-input:focus{border-color:#667eea;outline:none}.input-container textarea{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .3s;width:100%}.input-container textarea:focus{border-color:#667eea;outline:none}.attach-toggle-button{align-self:flex-start;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:transform .2s,box-shadow .2s}.attach-toggle-button:hover:not(:disabled){box-shadow:0 4px 12px #f5576c66;transform:translateY(-2px)}.attach-toggle-button:disabled{cursor:not-allowed;opacity:.6}.new-entry-attachments{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:10px;display:flex;flex-direction:column;gap:15px;padding:15px}.attachment-section{display:flex;flex-direction:column;gap:8px}.attachment-section h4{color:#555;font-size:14px;font-weight:600;margin:0}.attachment-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.clear-all-btn{background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background .2s}.clear-all-btn:hover:not(:disabled){background:#ff5252}.clear-all-btn:disabled{cursor:not-allowed;opacity:.5}.file-input-wrapper{margin-bottom:10px}.file-input-wrapper input[type=file]{display:none}.file-input-label{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin-right:10px;padding:12px 24px;transition:transform .2s,box-shadow .2s}.file-input-label:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.file-input-hint{color:#666;font-size:12px;font-style:italic;vertical-align:middle}.attachment-section input[type=url]{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px;transition:border-color .3s;width:100%}.attachment-section input[type=url]:focus{border-color:#667eea;outline:none}.image-previews-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:10px}.image-preview{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:8px;position:relative;transition:transform .2s}.image-preview:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.image-preview img{border-radius:6px;display:block;height:100px;object-fit:cover;width:100%}.remove-preview-btn{align-items:center;background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;position:absolute;right:12px;top:12px;transition:background .2s;width:24px}.remove-preview-btn:hover:not(:disabled){background:red}.image-filename{color:#666;font-size:11px;margin-top:5px;overflow:hidden;padding:0 2px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.image-filesize{color:#999;font-size:10px;margin-top:2px;text-align:center}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:5px;padding:14px 28px;transition:transform .2s,box-shadow .2s;width:100%}.save-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.add-entry-section{padding:20px}.image-previews-container{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-preview img{height:80px}}.journal-entry{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;margin-bottom:15px;padding:20px;transition:transform .2s,box-shadow .2s}.journal-entry:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.journal-entry.completed{background:#f5f5f5;opacity:.7}.entry-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.entry-time{color:#666;font-size:14px;font-weight:600;min-width:60px}.entry-title{color:#333;flex:1 1;font-size:18px;margin:0}.complete-btn{align-items:center;background:#fff;border:2px solid #4caf50;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:30px;justify-content:center;transition:all .3s;width:30px}.complete-btn:hover,.journal-entry.completed .complete-btn{background:#4caf50;color:#fff}.entry-text{word-wrap:break-word;color:#333;line-height:1.6;margin:0 0 15px}.attachments-section{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.toggle-attachments-btn{background:#f0f0f0;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .3s}.toggle-attachments-btn:hover{background:#e0e0e0}.attachments-list{display:flex;flex-direction:column;gap:20px;margin-top:15px}.audio-attachments{background:#f9f9f9;border-left:4px solid #4caf50;border-radius:6px;padding:15px}.audio-attachments h4{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.audio-item{align-items:center;background:#fff;border-radius:6px;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;padding:10px}.audio-item:last-child{margin-bottom:0}.audio-name{color:#333;flex:1 1;font-size:14px;word-break:break-word}.play-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s;white-space:nowrap}.play-btn:hover{background:#45a049;box-shadow:0 2px 6px #4caf504d;transform:translateY(-1px)}.play-btn:active{transform:translateY(0)}.video-attachments{background:#f9f9f9;border-left:4px solid #2196f3;border-radius:6px;padding:15px}.video-attachments h4{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.video-attachments a{background:#fff;border-radius:4px;color:#2196f3;display:block;margin-bottom:8px;padding:8px 12px;text-decoration:none;transition:background .3s;word-break:break-all}.video-attachments a:last-child{margin-bottom:0}.video-attachments a:hover{background:#e3f2fd;text-decoration:underline}.image-attachments{background:#f9f9f9;border-left:4px solid #ff9800;border-radius:6px;padding:15px}.image-attachments h4{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));width:100%}.images-grid img{border-radius:6px;cursor:pointer;display:block;height:150px;object-fit:cover;transition:transform .2s;width:100%}.images-grid img:hover{box-shadow:0 4px 8px #0003;transform:scale(1.05)}@media (max-width:768px){.journal-entry{padding:15px}.entry-header{flex-wrap:wrap;gap:8px}.entry-title{font-size:16px}.images-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.images-grid img{height:120px}.audio-item{align-items:stretch;flex-direction:column}.play-btn{width:100%}}@media (max-width:480px){.images-grid{grid-template-columns:repeat(2,1fr)}.audio-attachments,.image-attachments,.video-attachments{padding:12px}}.navigation-panel{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:0;box-shadow:0 4px 15px #00000026;display:flex;gap:20px;justify-content:space-between;margin:0;padding:20px 40px;width:100%}.nav-buttons-left{align-items:center;display:flex;gap:15px}.nav-button{background-color:#f44;border:none;border-radius:5px;color:#333;cursor:pointer;display:inline-block;font-family:inherit;font-size:16px;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .3s;white-space:nowrap}.nav-button:hover{background-color:#ff6b6b;box-shadow:0 4px 12px #ff44444d;transform:translateY(-2px)}.nav-button.active{background-color:#4caf50;box-shadow:0 4px 12px #4caf5066;color:#fff}.logout-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 3px 10px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.logout-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 5px 15px #667eea80;transform:translateY(-2px)}.logout-button:active{transform:translateY(0)}@media (max-width:1024px){.navigation-panel{gap:15px;padding:18px 30px}.nav-buttons-left{gap:12px}.nav-button{font-size:15px;padding:9px 18px}.logout-button{font-size:15px;padding:10px 24px}}@media (max-width:768px){.navigation-panel{flex-wrap:wrap;gap:10px;padding:15px 20px}.nav-buttons-left{flex:1 1;flex-wrap:wrap;gap:10px;min-width:0}.nav-button{padding:8px 14px}.logout-button,.nav-button{border-radius:8px;font-size:14px}.logout-button{flex-shrink:0;padding:9px 20px}}@media (max-width:600px){.navigation-panel{gap:8px;padding:12px 15px}.nav-buttons-left{gap:8px;justify-content:space-between;width:100%}.nav-button{flex:1 1;font-size:13px;min-width:0;padding:7px 12px;text-align:center}.logout-button{font-size:13px;margin-top:8px;padding:8px 16px;width:100%}}@media (max-width:480px){.navigation-panel{align-items:stretch;flex-direction:column;padding:10px 12px}.nav-buttons-left{flex-direction:column;gap:8px;width:100%}.nav-button{text-align:center}.logout-button,.nav-button{font-size:14px;padding:10px;width:100%}.logout-button{margin-top:8px}}@media (max-width:600px){.nav-button span{display:none}.nav-button.icon-only{justify-content:center;min-width:40px;padding:8px}}.settings-form{gap:20px}.form-group,.settings-form{display:flex;flex-direction:column}.form-group.read-only{opacity:.7}.form-group label{font-weight:500}.form-group small{color:#999;font-size:12px;margin-top:4px}.form-input,.form-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .icon{color:#999;font-weight:600;left:12px;position:absolute}.input-with-icon .form-input{padding-left:30px;width:100%}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:45px;width:100%}.toggle-password-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:5px;position:absolute;right:12px;transition:opacity .2s ease}.toggle-password-btn:hover{opacity:.7}.password-info{background:#f0f7ff;border-left:4px solid #667eea;border-radius:8px;margin-bottom:10px;padding:15px}.password-info p{color:#333;font-size:14px;font-weight:600;margin:0 0 10px}.password-info ul{color:#666;font-size:13px;margin:0;padding-left:20px}.password-info li{margin:5px 0}.error-message{animation:slideIn .3s ease;border-left:4px solid #c33}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 24px;transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.settings-form{gap:15px}.form-input,.form-textarea{font-size:16px;padding:10px 12px}.submit-btn{font-size:14px;padding:12px 20px}}.reminder-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .2s}.reminder-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.card-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px}.badges{display:flex;flex-wrap:wrap;gap:8px}.confirmed-badge,.repeat-badge,.status-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 10px}.status-pending{background:#fff3cd;color:#856404}.status-sent{background:#d1ecf1;color:#0c5460}.status-confirmed{background:#d4edda;color:#155724}.status-cancelled,.status-failed{background:#f8d7da;color:#721c24}.repeat-badge{background:#e7f3ff;color:#004085}.confirmed-badge{background:#d4edda;color:#155724}.card-actions{display:flex;gap:8px}.btn-icon{background:none;border:none;cursor:pointer;font-size:18px;padding:4px;transition:transform .2s}.btn-icon:hover{transform:scale(1.2)}.card-body{padding:16px}.reminder-message{word-wrap:break-word;color:#333;font-size:15px;line-height:1.5;margin:0 0 16px}.reminder-info{margin-top:12px}.info-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.info-label{color:#666;font-weight:500}.info-value{color:#333;font-weight:600}.reminder-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag{background:#f0f0f0;border-radius:4px;color:#666;display:inline-block;font-size:12px;padding:4px 10px}.card-footer{align-items:center;background:#f9f9f9;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 16px}.created-date,.sent-date{color:#999;font-size:12px}.btn-delete{background:#dc3545;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:background .2s}.btn-delete:hover{background:#c82333}.checkbox-group{align-items:center;background:#f9fafb;border-radius:8px;cursor:pointer;display:flex;margin-bottom:12px;padding:12px;transition:all .2s ease}.checkbox-group:hover{background:#f3f4f6}.checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;margin:0;width:20px}.checkbox-label{color:#374151;cursor:pointer;margin:0 0 0 10px!important;-webkit-user-select:none;user-select:none}.reminder-before-field{animation:slideDown .3s ease;background:#fef9f5;border:2px solid #fcd9b9;border-radius:8px;margin-top:12px;padding:16px}.reminder-before-field label{color:#92400e;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.reminder-before-field input{background:#fff;border:2px solid #fcd9b9;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.reminder-before-field input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.reminder-before-field small{color:#92400e;display:block;font-size:12px;margin-top:6px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{background:#00000080;bottom:0;right:0}.modal-content{border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px}.modal-header{border-bottom:1px solid #ecf0f1;padding:20px}.modal-header h3{color:#2c3e50;margin:0}.close-button{border-radius:50%;color:#7f8c8d;font-size:24px;transition:all .3s}.close-button:hover{background:#ecf0f1;color:#2c3e50}.modal-body{padding:20px}.modal-footer{border-top:1px solid #ecf0f1;padding:20px}.btn-cancel{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s}.btn-cancel:hover{background:#7f8c8d}.week-task-card{left:4px;width:calc(100% - 8px)}.week-task-card.compact{box-shadow:0 1px 3px #0003;font-size:10px;height:26px!important;margin-bottom:2px;min-height:26px;padding:3px 5px;position:relative;top:0!important;width:calc(100% - 8px)}.week-task-card.compact:hover{transform:translateX(3px) scale(1.03);z-index:25}.week-task-card.compact .task-title{-webkit-line-clamp:1;font-size:10px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-time-compact{background:#0003;border-radius:2px;bottom:2px;font-size:8px;opacity:.85;padding:1px 3px;position:absolute;right:4px}.multiple-tasks{display:flex;flex-direction:column;gap:2px;height:100%;position:relative;width:100%}@media (max-width:768px){.week-task-card{font-size:10px;padding:4px}.week-task-card.compact{font-size:9px;padding:2px 4px}.task-title{font-size:11px}.week-task-card.compact .task-title{font-size:9px}}.task-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.task-form h2{color:#333;font-size:22px;margin:0 0 20px}.task-form .input-field{border:2px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:15px;padding:12px;transition:border-color .3s;width:100%}.task-form .input-field:focus{border-color:#4caf50;outline:none}.task-form .textarea-field{border:2px solid #ddd;border-radius:5px;box-sizing:border-box;font-family:inherit;font-size:16px;margin-bottom:15px;min-height:80px;padding:12px;resize:vertical;transition:border-color .3s;width:100%}.task-form .textarea-field:focus{border-color:#4caf50;outline:none}.task-form .btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s;width:100%}.task-form .btn-primary{background-color:#4caf50;color:#fff}.task-form .btn-primary:hover{background-color:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-1px)}.task-form .btn-primary:active{transform:translateY(0)}@media (max-width:768px){.task-form{padding:15px}.task-form h2{font-size:20px;margin-bottom:15px}}.task-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.empty-state{background:#fff;box-shadow:0 2px 4px #0000001a;font-size:18px;grid-column:1/-1}@media (max-width:1024px){.task-list{gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.task-list{gap:15px;grid-template-columns:1fr}.empty-state{font-size:16px;padding:40px 15px}}.toast-container{bottom:30px;display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:30px;z-index:10000}.toast-container>*{pointer-events:all}.toast{align-items:center;animation:slideInRight .3s ease,fadeOut .3s ease 2.7s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 30px #0003;color:#fff;display:flex;font-size:15px;font-weight:600;gap:12px;max-width:400px;min-width:280px;padding:16px 20px}.toast-success{background:linear-gradient(135deg,#48bb78,#38a169)}.toast-error{background:linear-gradient(135deg,#f56565,#e53e3e)}.toast-info{background:linear-gradient(135deg,#4299e1,#3182ce)}.toast-warning{background:linear-gradient(135deg,#ed8936,#dd6b20)}.toast-icon{align-items:center;background:#ffffff40;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-message{flex:1 1;line-height:1.4}.toast-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;opacity:.7;padding:0;transition:opacity .2s ease;width:24px}.toast-close:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.toast-container{bottom:20px;left:20px;right:20px}.toast{min-width:auto;width:100%}}.yandex-music-player{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.yandex-music-player h3{color:#333;font-size:20px;margin-bottom:15px;margin-top:0}.music-form{display:flex;flex-direction:column;gap:10px}.music-input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s}.music-input:focus{border-color:#667eea;outline:none}.button-group{display:flex;gap:10px}.clear-button,.play-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.play-button{background:#667eea;color:#fff;flex:1 1}.play-button:hover{background:#5568d3;transform:translateY(-2px)}.clear-button{background:#f5f5f5;color:#666;padding:12px 20px}.clear-button:hover{background:#e0e0e0}.error-message{background:#ffe0e0;margin-top:10px;padding:10px}.player-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:20px;overflow:hidden}.journal-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding-bottom:40px}.journal-container{align-items:flex-start;display:flex;gap:20px;margin:0 auto;max-width:1400px;padding:20px}.entries-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;flex:1 1;min-width:0;order:1;padding:25px}.entries-section h2{border-bottom:2px solid #667eea;color:#333;font-size:24px;margin:0 0 20px;padding-bottom:10px}.entries-list{display:flex;flex-direction:column;gap:12px}.calendar-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;flex-shrink:0;max-height:calc(100vh - 40px);order:2;overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:20px;width:350px}.empty-state,.loading{color:#666;font-size:16px;padding:40px 20px;text-align:center}.empty-state{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px}.react-calendar{border:none!important;font-family:inherit;width:100%!important}.react-calendar__navigation{display:flex;gap:5px;height:50px;margin-bottom:15px}.react-calendar__navigation button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:44px;transition:all .3s}.react-calendar__navigation button:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.05)}.react-calendar__navigation button:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none}.react-calendar__month-view__weekdays{color:#667eea;font-size:13px;font-weight:700;padding:10px 0;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__tile{background:none;border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;padding:15px 5px;transition:all .3s}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background:#f0f4ff;transform:scale(1.1)}.react-calendar__tile--active{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:700}.react-calendar__tile--active:enabled:hover{background:linear-gradient(135deg,#5568d3,#6b3f8e)!important}.react-calendar__tile--now{background:gold;color:#2d3748;font-weight:700}.react-calendar__tile--now:enabled:hover{background:#ffed4e}.react-calendar__month-view__days__day--weekend{color:#d53f8c}.react-calendar__month-view__days__day--neighboringMonth{color:#cbd5e0}.music-player-overlay{animation:slideUpPlayer .3s ease-out;bottom:20px;position:fixed;right:20px;z-index:1000}@keyframes slideUpPlayer{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.music-player-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:500px;min-width:400px;padding:20px;position:relative}.close-player-btn{background:#0000;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:5px 10px;position:absolute;right:10px;top:10px;transition:color .2s}.close-player-btn:hover{color:#f44}@media (max-width:1024px){.journal-container{flex-direction:column}.calendar-section{max-height:none;order:1;position:static;width:100%}.entries-section{order:2}}@media (max-width:768px){.journal-page{padding-bottom:20px}.journal-container{gap:15px;padding:15px}.calendar-section,.entries-section{border-radius:10px;padding:20px 15px}.entries-section h2{font-size:20px;margin-bottom:15px}.react-calendar__navigation{height:44px;margin-bottom:10px}.react-calendar__navigation button{border-radius:8px;font-size:14px}.react-calendar__tile{font-size:14px;padding:10px 5px}.react-calendar__month-view__weekdays{font-size:12px}.music-player-overlay{bottom:10px;left:10px;right:10px}.music-player-container{max-width:100%;min-width:auto;padding:15px}}@media (max-width:480px){.journal-container{gap:10px;padding:10px}.calendar-section,.entries-section{padding:15px 10px}.entries-section h2{font-size:18px}.react-calendar__navigation{height:40px}.react-calendar__navigation button{font-size:12px;min-width:36px}.react-calendar__tile{border-radius:8px;font-size:13px;padding:8px 3px}.react-calendar__month-view__weekdays{font-size:11px}.music-player-container{padding:12px}.close-player-btn{font-size:20px}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:700px;overflow-y:auto;width:90%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;margin:0;padding:25px 30px}.close-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:background-color .3s;width:32px}.close-button:hover{background-color:#fff3}.modal-body{padding:30px}.modal-content h3{color:#2d3748;font-size:22px;font-weight:700;margin:25px 30px 20px}.modal-content h4{color:#4a5568;font-size:16px;font-weight:600;margin:0 0 12px}.edit-title-input,.modal-title-input{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:18px;font-weight:600;margin-bottom:15px;padding:15px;transition:all .3s ease;width:100%}.edit-title-input:focus,.modal-title-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.edit-description-textarea,.modal-content textarea{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:16px;line-height:1.6;min-height:150px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.edit-description-textarea:focus,.modal-content textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.modal-content input[type=time]{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:18px;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}.modal-content input[type=time]:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.edit-attachments-section,.modal-content .section{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;margin:20px 0;padding:20px}.modal-content input[type=file],.modal-content input[type=url]{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;margin:12px 0;padding:12px;transition:all .3s ease;width:100%}.modal-content input[type=file]:focus,.modal-content input[type=url]:focus{border-color:#667eea;outline:none}.modal-footer{background:#f7fafc;border-radius:0 0 20px 20px;display:flex;gap:12px;justify-content:flex-end;padding:25px 30px}.modal-footer button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:14px 25px;transition:all .3s ease}.confirm-button,.update-button{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 15px #48bb784d;color:#fff}.confirm-button:hover,.update-button:hover{box-shadow:0 6px 20px #48bb7866;transform:translateY(-2px)}.delete-button{background:linear-gradient(135deg,#f56565,#e53e3e);box-shadow:0 4px 15px #f565654d;color:#fff}.delete-button:hover{box-shadow:0 6px 20px #f5656566;transform:translateY(-2px)}.cancel-button{background:#718096;box-shadow:0 4px 15px #7180964d;color:#fff}.cancel-button:hover{background:#4a5568;box-shadow:0 6px 20px #71809666;transform:translateY(-2px)}.modal-content button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.existing-attachments{margin-bottom:20px}.existing-attachments .attachment-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;margin:10px 0;padding:12px}.existing-attachments .attachment-item img{border-radius:6px;box-shadow:0 2px 6px #0000001a;max-width:150px}.delete-attach-btn{background:linear-gradient(135deg,#f56565,#e53e3e);border:none;border-radius:6px;box-shadow:0 2px 6px #f565654d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-left:auto;padding:6px 12px;transition:all .3s ease}.delete-attach-btn:hover{box-shadow:0 4px 12px #f5656566;transform:scale(1.05)}.add-attach-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;box-shadow:0 3px 10px #4caf504d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 20px;transition:all .3s ease;width:100%}.add-attach-btn:hover{box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;width:100%}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.decorative-shapes{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.shape{animation:float 20s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:300px;left:-150px;top:-150px;width:300px}.shape-2{animation-delay:3s;bottom:-100px;height:200px;right:10%;width:200px}.shape-3{animation-delay:6s;height:150px;right:-75px;top:50%;width:150px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(30px) rotate(240deg)}}.login-container{max-width:420px;position:relative;width:100%;z-index:1}.login-card{animation:slideUp .6s cubic-bezier(.68,-.55,.265,1.55);background:#3d2c6d;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.login-tabs{background:#2d1b69;border-bottom:1px solid #ffffff1a;display:flex}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#ffffff80;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;letter-spacing:1px;padding:18px;transition:all .3s ease}.tab.active{border-bottom-color:#fff;color:#fff}.tab:hover{background:#ffffff0d;color:#fff}.login-form{padding:40px 35px}.input-group{margin-bottom:25px}.input-group label{color:#fff9;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px}.input-group input{background:#ffffff1a;border:1px solid #ffffff26;border-radius:25px;color:#fff;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.input-group input::placeholder{color:#ffffff4d}.input-group input:focus{background:#ffffff26;border-color:#ffffff4d;outline:none}.checkbox-container{align-items:center;cursor:pointer;display:flex;margin-bottom:25px;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{accent-color:#ffd60a;cursor:pointer;height:18px;margin-right:10px;width:18px}.checkbox-label{color:#fff;font-size:13px;font-weight:500}.error-message{background:#ff6b6b1a;border-left:3px solid #ff6b6b;border-radius:8px;color:#ff6b6b;font-size:13px;margin-bottom:20px;padding:12px 16px}.login-button{background:#ffd60a;border:none;border-radius:25px;box-shadow:0 4px 15px #ffd60a66;color:#2d1b69;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:16px;text-transform:uppercase;transition:all .3s ease;width:100%}.login-button:hover{background:#ffc800;box-shadow:0 6px 20px #ffd60a80;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{background:#b39407;cursor:not-allowed;opacity:.6}.forgot-link{color:#fff9;display:block;font-size:13px;margin-top:20px;text-align:center;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:#fff}@media (max-width:768px){.login-page{padding:15px}.login-container{max-width:100%}.login-card{border-radius:15px}.login-form{padding:30px 20px}.tab{font-size:12px;padding:15px}.input-group input{font-size:14px;padding:12px 14px}.login-button{font-size:13px;padding:14px}.shape-1{height:200px;left:-100px;top:-100px;width:200px}.shape-2{height:150px;width:150px}.shape-3{height:100px;width:100px}}@media (max-width:480px){.login-form{padding:25px 15px}.input-group{margin-bottom:20px}.tab{font-size:11px;padding:12px}.error-message{font-size:12px;padding:10px 12px}}.week-grid-container{background:#f5f5f5;display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden;width:100%}.week-navigation{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 30px}.week-title{color:#1f2937;font-size:24px;font-weight:600;margin:0}.nav-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.nav-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.nav-btn:active{transform:translateY(0)}.week-grid-wrapper{flex:1 1;overflow:auto;position:relative}.week-grid-table{background:#fff;border-collapse:initial;border-spacing:0;width:100%}.week-grid-table thead th{background:#fff;border-bottom:2px solid #e5e7eb;font-size:14px;font-weight:600;padding:15px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.time-column-header{color:#6b7280;min-width:80px;text-align:center;width:80px}.day-header{align-items:center;display:flex;flex-direction:column;gap:5px}.day-name{color:#6b7280;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.day-date{color:#1f2937;font-size:20px;font-weight:700}.current-day .day-header{color:#667eea}.current-day .day-date{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.time-column{background:#fafafa;color:#6b7280;font-size:12px;font-weight:500;min-width:80px;padding:10px;text-align:right;width:80px}.day-column,.time-column{border-right:1px solid #e5e7eb;vertical-align:top}.day-column{border-bottom:1px solid #e5e7eb;min-width:150px;padding:0;position:relative}.hour-row,.time-slot{height:60px}.time-slot{cursor:pointer;position:relative;transition:background-color .2s ease;width:100%}.time-slot:hover{background-color:#f9fafb}.time-slot.drag-over{background-color:#dbeafe;border:2px dashed #3b82f6}.time-slot.current-slot{background-color:#fef3c7}.slot-tasks{height:100%;position:relative;width:100%}.week-task-card{border-left:3px solid #fff9;border-radius:6px;box-shadow:0 2px 4px #00000026;color:#fff;cursor:grab;font-size:11px;overflow:hidden;padding:6px;position:absolute;transition:transform .2s,box-shadow .2s,opacity .2s;-webkit-user-select:none;user-select:none;z-index:5}.week-task-card:hover{box-shadow:0 4px 8px #00000040;transform:translateY(-2px);z-index:20}.week-task-card:active{cursor:grabbing;opacity:.8}.week-task-card.narrow{border-left-width:2px;font-size:10px;padding:4px 3px}.week-task-card.narrow .task-title{-webkit-line-clamp:1;font-size:9px}.week-task-card.narrow .task-time{font-size:8px}.week-task-card.narrow .task-description{display:none}.task-card-content{display:flex;flex-direction:column;gap:2px;height:100%;pointer-events:none;position:relative}.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1px}.task-status-icon{font-size:10px;line-height:1}.task-title{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;font-weight:600;line-height:1.2;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis}.task-time{align-items:center;display:flex;font-size:10px;font-weight:500;gap:3px;opacity:.9}.task-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:10px;line-height:1.3;margin-top:2px;opacity:.85;overflow:hidden;text-overflow:ellipsis}.week-task-card.done{opacity:.65}.week-task-card.done .task-title{text-decoration:line-through}.week-task-card.in_progress{border-left-color:#2ecc71}.task-running-indicator{height:8px;position:absolute;right:3px;top:3px;width:8px;z-index:10}.task-running-indicator .pulse{animation:pulse-glow 2s infinite;background:#2ecc71;border-radius:50%;display:block;height:100%;width:100%}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 #2ecc71b3;transform:scale(1)}50%{box-shadow:0 0 0 4px #2ecc7100;transform:scale(1.1)}to{box-shadow:0 0 0 0 #2ecc7100;transform:scale(1)}}.current-time-indicator{background:#ef4444;height:2px;left:0;pointer-events:none;position:absolute;right:0;z-index:7}.current-time-indicator:before{background:#ef4444;border-radius:50%;content:"";height:8px;left:-4px;position:absolute;top:-3px;width:8px}.time-slot.has-multiple{background-color:#fff9e6;border:1px dashed #0000001a}.task-count-badge{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:4px;top:4px;width:18px;z-index:15}@media (max-width:1024px){.week-navigation{padding:15px 20px}.week-title{font-size:20px}.nav-btn{font-size:13px;padding:8px 16px}.time-column{font-size:11px;min-width:60px;width:60px}.day-column{min-width:120px}}@media (max-width:768px){.week-navigation{flex-direction:column;gap:15px;padding:15px}.nav-btn{width:100%}.week-grid-table thead th{font-size:12px;padding:10px 5px}.day-name{font-size:11px}.day-date{font-size:16px}.time-column{font-size:10px;min-width:50px;width:50px}.day-column{min-width:100px}.hour-row,.time-slot{height:50px}.week-task-card{font-size:11px;padding:6px}.task-title{font-size:11px}.task-description,.task-time{font-size:10px}}@media (max-width:480px){.week-title{font-size:16px}.day-header{gap:3px}.day-name{font-size:10px}.day-date{font-size:14px;height:28px;width:28px}.time-column{min-width:40px;padding:5px;width:40px}.day-column{min-width:80px}.hour-row,.time-slot{height:40px}.week-task-card{font-size:10px;padding:4px}}@media (prefers-color-scheme:dark){.week-task-card{box-shadow:0 2px 6px #0006}.week-task-card:hover{box-shadow:0 4px 12px #00000080}.time-slot.has-multiple{background-color:#3a3a2a}}.task-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.task-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 30px}.modal-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.close-btn{align-items:center;border-radius:50%;color:#6b7280;display:flex;font-size:28px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{background:#f3f4f6;color:#1f2937}.modal-form{padding:30px}.form-group{margin-bottom:24px}.form-group label{color:#374151}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:10px;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.form-group textarea{min-height:80px}.form-group select{background:#fff;cursor:pointer}.error-msg{color:#ef4444;display:block;font-size:13px;margin-top:6px}.modal-actions{align-items:center;border-top:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:32px;padding-top:24px}.actions-right{display:flex;gap:12px}.btn-cancel,.btn-delete,.btn-save{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-cancel{background:#f3f4f6;color:#6b7280}.btn-cancel:hover{background:#e5e7eb;color:#374151}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}@media (max-width:768px){.task-modal{max-height:95vh;width:95%}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-form{padding:20px}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse;gap:12px}.actions-right,.btn-cancel,.btn-delete,.btn-save{width:100%}}@media (max-width:480px){.modal-header{padding:16px}.modal-header h2{font-size:18px}.modal-form{padding:16px}.form-group{margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:10px 14px}}.task-tracker-container{background:#f5f5f5;height:100vh;overflow:hidden;width:100%}.loading{align-items:center;color:#6b7280;display:flex;font-size:18px;height:100vh;justify-content:center}.reminder-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:600px;padding:24px}.reminder-form h2{color:#333;font-size:24px;margin:0 0 24px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90e2;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-group small{color:#666;display:block;font-size:13px;margin-top:6px}.char-count{color:#999;display:block;font-size:12px;margin-top:4px;text-align:right}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.tags-suggestions{background:#f5f5f5;border-radius:4px;margin-top:8px;padding:8px}.tag-suggestion{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:inline-block;font-size:13px;margin:4px;padding:4px 10px;transition:all .2s}.tag-suggestion:hover{background:#4a90e2;border-color:#4a90e2;color:#fff}.form-actions{display:flex;gap:12px;margin-top:24px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary{background:#4a90e2;color:#fff;flex:1 1}.btn-primary:hover:not(:disabled){background:#357abd}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#f5f5f5;color:#333;flex:1 1}.btn-secondary:hover{background:#e0e0e0}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;margin-bottom:16px;padding:12px}.btn-time-picker{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:12px 14px;transition:all .3s ease;width:100%}.btn-time-picker:hover{background:#f5f5ff}.time-picker-modal{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;margin:20px 0;padding:20px}.form-select{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center /20px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;padding:12px 40px 12px 14px;transition:all .3s ease;width:100%}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.repeat-options{background:#f9f9f9;border:2px dashed #ddd;border-radius:12px;margin-top:10px;padding:20px}.repeat-info{background:#e8f0ff;border-left:4px solid #667eea;border-radius:6px;color:#333;font-size:14px;margin-top:15px;padding:12px}.reminder-list{padding:20px}.list-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.list-header h2{color:#333;font-size:28px;margin:0}.filters{display:flex;flex-wrap:wrap;gap:16px}.filter-group{align-items:center;display:flex;gap:8px}.filter-group label{color:#666;font-size:14px;font-weight:600}.filter-group select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.loading{color:#666;font-size:16px;padding:40px;text-align:center}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state p{font-size:18px;margin:8px 0}.empty-hint{color:#bbb;font-size:14px}.reminders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.reminders-grid{grid-template-columns:1fr}.list-header{align-items:flex-start;flex-direction:column}}.reminders-page{margin:0 auto;max-width:1400px;padding:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.page-header h1{color:#333;font-size:32px;margin:0}.btn-create{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-create:hover{background:#357abd;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-1px)}.form-container{margin-bottom:32px}@media (max-width:768px){.reminders-page{padding:15px}.page-header{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:24px}.page-header h1{font-size:24px}.btn-create{font-size:14px;padding:12px 20px;width:100%}.form-container{margin-bottom:24px}}@media (max-width:480px){.reminders-page{padding:10px}.page-header{margin-bottom:20px}.page-header h1{font-size:20px}.btn-create{font-size:13px;padding:10px 15px}}.settings-page{background:linear-gradient(135deg,#667eea,#764ba2);margin-top:-20px;min-height:100vh;padding:40px 20px}.settings-container{animation:fadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:700px;padding:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px;text-align:center}.settings-header h1{color:#333;font-size:28px;margin:0 0 10px}.user-info{color:#666;font-size:14px;margin:10px 0 0}.user-info strong{color:#667eea;font-weight:600}.settings-tabs{border-bottom:2px solid #eee;display:flex;gap:10px;margin-bottom:30px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 20px;transition:all .3s ease}.tab-btn:hover{background-color:#f9f9f9;color:#333}.tab-btn.active{border-bottom-color:#667eea;color:#667eea}.message{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;font-size:14px;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-success{background:#efe;border-left:4px solid #3c3;color:#3c3}.message-error{background:#fee;border-left:4px solid #c33;color:#c33}.close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;opacity:.7;padding:0;transition:opacity .2s ease}.close-btn:hover{opacity:1}.loading-spinner{padding:40px 20px;text-align:center}.loading-spinner p{color:#666;font-size:16px;margin:0}.loading-spinner:before{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;content:"";display:inline-block;height:30px;margin-right:10px;vertical-align:middle;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px}.welcome-section{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000026;max-width:600px;padding:40px;text-align:center}.welcome-section h2{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:15px}.welcome-section p{color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:0}.input-section{align-items:center;display:flex;gap:15px;margin-bottom:30px}.url-input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-size:16px;outline:none;padding:15px 20px;transition:all .3s ease;width:350px}.url-input:focus{border-color:#667eea;box-shadow:0 4px 12px #667eea33}.load-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.load-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.load-btn:active{transform:translateY(0)}.error{background:#e74c3c1a;border-left:4px solid #e74c3c;border-radius:8px;color:#e74c3c;font-size:14px;margin-bottom:20px;padding:10px 20px}.loaded-image{border-radius:15px;box-shadow:0 8px 24px #00000026;margin-top:20px;max-height:400px;max-width:500px}@media (max-width:768px){.main-content{padding:20px 15px}.welcome-section{max-width:100%;padding:30px 25px}.welcome-section h2{font-size:24px}.welcome-section p{font-size:15px}.input-section{flex-direction:column;width:100%}.url-input{font-size:15px;width:100%}.load-btn{width:100%}.loaded-image{max-height:300px;max-width:100%}}@media (max-width:480px){.main-content{padding:15px 10px}.welcome-section{border-radius:15px;padding:20px 15px}.welcome-section h2{font-size:20px;margin-bottom:10px}.url-input,.welcome-section p{font-size:14px}.url-input{padding:12px 15px}.load-btn{font-size:14px;padding:12px 20px}.error{font-size:13px;padding:8px 15px}}
/*# sourceMappingURL=main.e0c2870f.css.map*/