.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);animation:gradientBG 15s ease infinite;background-size:400% 400%}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-box{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:100%;max-width:400px;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18)}.auth-box h4{color:#fff;margin-bottom:30px;text-align:center;font-size:2rem;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.auth-box .MuiTextField-root{margin-bottom:20px;width:100%}.auth-box .MuiTextField-root .MuiOutlinedInput-root{background:#ffffff0d;border-radius:10px}.auth-box .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#ffffff4d}.auth-box .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#ffffff80}.auth-box .MuiTextField-root .MuiInputLabel-root{color:#ffffffb3}.auth-box .MuiTextField-root input{color:#fff}.auth-box .login-button{width:100%;padding:12px;margin-top:20px;border-radius:10px;background:linear-gradient(45deg,#ff6b6b,#ff8e53);font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.auth-box .login-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b66}.auth-error{color:#ff6b6b;margin-top:15px;text-align:center;font-size:.9rem}.success-alert{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000}.notification-container{position:fixed;top:20px;right:20px;z-index:1000}.notification-container .MuiAlert-root{min-width:300px;box-shadow:0 4px 12px #00000026;border-radius:8px}.notification-container .MuiAlert-root.success-alert{background-color:#4caf50;color:#fff}.notification-container .MuiAlert-root.error-alert{background-color:#f44336;color:#fff}.record-view-dialog .MuiDialog-paper{border-radius:12px;height:80vh;max-height:700px;width:100%;max-width:900px!important;display:flex;flex-direction:column;background:#fff;position:relative;overflow:hidden}.record-view-dialog .dialog-title{padding:16px;border-bottom:1px solid #e6e6e6;background:#fff;flex-shrink:0;position:sticky;top:0;z-index:10}.record-view-dialog .dialog-title .MuiTypography-h6{font-size:16px;font-weight:600;color:#2c3e50}.record-view-dialog .dialog-title .MuiTypography-caption{color:#666;font-size:13px}.record-view-dialog .dialog-content{flex:1;display:flex;flex-direction:column;background:#edeef0;position:relative;height:calc(80vh - 130px);overflow:hidden}.record-view-dialog .dialog-content .existing-contents{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;margin-bottom:60px}.record-view-dialog .dialog-content .existing-contents::-webkit-scrollbar{width:5px}.record-view-dialog .dialog-content .existing-contents::-webkit-scrollbar-track{background:transparent}.record-view-dialog .dialog-content .existing-contents::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.record-view-dialog .dialog-content .existing-contents .content-item{max-width:60%;margin-bottom:12px;display:flex;flex-direction:column;animation:fadeIn .3s ease}.record-view-dialog .dialog-content .existing-contents .content-item.sent{align-self:flex-end;animation:slideInRight .2s ease}.record-view-dialog .dialog-content .existing-contents .content-item.sent .message-bubble{background:#4caf50;border-radius:12px 12px 0;color:#fff}.record-view-dialog .dialog-content .existing-contents .content-item.sent .sender-name{text-align:right;color:#4caf50}.record-view-dialog .dialog-content .existing-contents .content-item.received{align-self:flex-start;animation:slideInLeft .2s ease}.record-view-dialog .dialog-content .existing-contents .content-item.received .message-bubble{background:#fff;border-radius:12px 12px 12px 0;color:#000}.record-view-dialog .dialog-content .existing-contents .content-item.received .sender-name{color:#2196f3}.record-view-dialog .dialog-content .existing-contents .content-item .sender-name{font-size:13px;margin-bottom:4px;padding:0 12px;font-weight:500}.record-view-dialog .dialog-content .existing-contents .content-item .message-bubble{padding:8px 12px;box-shadow:0 1px .5px #00000021}.record-view-dialog .dialog-content .existing-contents .content-item .message-bubble .content-text{margin:0;font-size:14px;line-height:1.4;word-wrap:break-word}.record-view-dialog .dialog-content .existing-contents .content-item .message-bubble .files-container{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.record-view-dialog .dialog-content .existing-contents .content-item .message-bubble .files-container .file-item{position:relative;border-radius:8px;overflow:hidden;width:200px;height:200px;cursor:pointer}.record-view-dialog .dialog-content .existing-contents .content-item .message-bubble .files-container .file-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.record-view-dialog .dialog-content .existing-contents .content-item .message-bubble .files-container .file-item img:hover{transform:scale(1.02)}.record-view-dialog .dialog-content .existing-contents .content-item .message-bubble .files-container .file-item video{width:100%;height:100%;object-fit:cover}.record-view-dialog .dialog-content .existing-contents .content-item .message-bubble .files-container .file-item.uploading .upload-progress-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;animation:fadeIn .3s ease}.record-view-dialog .dialog-content .existing-contents .content-item .message-bubble .files-container .file-item.uploading .upload-progress-overlay .progress-circle{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.record-view-dialog .dialog-content .existing-contents .content-item .message-bubble .files-container .file-item.uploading .upload-progress-overlay .progress-text{margin-top:8px;color:#fff;font-size:12px;text-align:center}.record-view-dialog .dialog-content .existing-contents .content-item .message-bubble .files-container .file-item.uploading .upload-progress-overlay .progress-text .progress-percentage{font-weight:700;font-size:14px}.record-view-dialog .dialog-content .existing-contents .content-item .message-bubble .files-container .file-item.uploading .upload-progress-overlay .progress-text .file-size{opacity:.8;display:block;font-size:11px;margin-top:2px}.record-view-dialog .dialog-content .existing-contents .content-item .content-meta{font-size:11px;color:#00000080;margin-top:2px;padding:0 4px;align-self:flex-end}.record-view-dialog .dialog-content .add-content-form{position:absolute;bottom:0;left:0;right:0;background:#fff;padding:12px;border-top:1px solid #e6e6e6;z-index:10}.record-view-dialog .dialog-content .add-content-form .content-input-container{display:flex;align-items:flex-end;gap:8px}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiTextField-root{flex:1}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiTextField-root .MuiOutlinedInput-root{border-radius:20px;background:#f5f5f5}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:transparent}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#e0e0e0}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#2196f3}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiTextField-root .MuiOutlinedInput-root input,.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiTextField-root .MuiOutlinedInput-root textarea{padding:12px 16px;font-size:14px}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiIconButton-root{min-width:40px;width:40px;height:40px;padding:0;border-radius:50%}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiIconButton-root.upload-button{color:#666;background:#f5f5f5}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiIconButton-root.upload-button:hover{background:#e0e0e0}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiIconButton-root.send-button{background:#2196f3;color:#fff}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiIconButton-root.send-button:hover{background:#1976d2}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiIconButton-root.send-button.Mui-disabled{background:#e0e0e0;color:#999}.record-view-dialog .dialog-content .add-content-form .file-preview-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding:8px;background:#f5f5f5;border-radius:8px;max-height:150px;overflow-y:auto}.record-view-dialog .dialog-content .add-content-form .file-preview-container .file-preview-item{position:relative;width:60px;height:60px;border-radius:4px;overflow:hidden}.record-view-dialog .dialog-content .add-content-form .file-preview-container .file-preview-item img{width:100%;height:100%;object-fit:cover}.record-view-dialog .dialog-content .add-content-form .file-preview-container .file-preview-item .remove-file-button{position:absolute;top:2px;right:2px;padding:2px;min-width:unset;width:18px;height:18px;background:#00000080;border-radius:50%}.record-view-dialog .dialog-content .add-content-form .file-preview-container .file-preview-item .remove-file-button svg{font-size:14px;color:#fff}.record-view-dialog .dialog-content .add-content-form .file-preview-container .file-preview-item .remove-file-button:hover{background:#000000b3}.image-viewer-modal .MuiDialog-paper{background:transparent;box-shadow:none;width:100vw;height:100vh;max-width:100vw!important;max-height:100vh;margin:0;overflow:hidden}.image-viewer-modal .image-viewer-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000000e6;overflow:hidden}.image-viewer-modal .image-viewer-container .image-wrapper{position:relative;width:auto;height:auto;display:flex;justify-content:center;align-items:center;overflow:hidden}.image-viewer-modal .image-viewer-container .image-wrapper img{max-width:90vw;max-height:90vh;object-fit:contain;cursor:zoom-out;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-viewer-modal .image-viewer-container .close-button{position:absolute;top:20px;right:20px;background:#00000080;color:#fff;padding:8px;border-radius:50%;z-index:1000;transition:background-color .2s}.image-viewer-modal .image-viewer-container .close-button:hover{background:#000000b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.record-view-dialog .MuiDialog-paper{height:100vh;max-height:none;border-radius:0}.record-view-dialog .dialog-content{height:calc(100vh - 130px)}.record-view-dialog .dialog-content .existing-contents .content-item{max-width:80%}.record-view-dialog .dialog-content .existing-contents .content-item .files-container .file-item{width:150px;height:150px}.image-viewer-modal .image-viewer-container .image-wrapper img{max-width:100vw;max-height:100vh}}@media (prefers-color-scheme: dark){.record-view-dialog .MuiDialog-paper{background:#1a1a1a}.record-view-dialog .dialog-title{background:#1a1a1a;border-bottom-color:#333}.record-view-dialog .dialog-title .MuiTypography-h6{color:#fff}.record-view-dialog .dialog-title .MuiTypography-caption{color:#999}.record-view-dialog .dialog-content{background:#000}.record-view-dialog .dialog-content .content-item.received .message-bubble{background:#2a2a2a;color:#fff}.record-view-dialog .dialog-content .add-content-form{background:#1a1a1a;border-top-color:#333}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiTextField-root .MuiOutlinedInput-root{background:#2a2a2a;color:#fff}.record-view-dialog .dialog-content .add-content-form .content-input-container .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#444}.record-view-dialog .dialog-content .add-content-form .content-input-container .upload-button{background:#2a2a2a;color:#fff}.record-view-dialog .dialog-content .add-content-form .content-input-container .upload-button:hover{background:#333}.record-view-dialog .dialog-content .add-content-form .file-preview-container{background:#2a2a2a}}@media (hover: none){.record-view-dialog .dialog-content .existing-contents .content-item .files-container .file-item img:hover{transform:none}}@media print{.record-view-dialog .add-content-form,.record-view-dialog .upload-button,.record-view-dialog .send-button{display:none!important}.record-view-dialog .existing-contents{margin-bottom:0!important;overflow:visible!important;height:auto!important}}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#f6f9fc,#f1f4f8);padding:2rem}.dashboard-header{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem}.records-grid{margin-top:2rem!important;padding:1rem!important}.records-grid .MuiGrid-item{padding:16px!important}.record-card{background:#fff;border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;height:100%;box-shadow:0 4px 6px #0000000d}.record-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.record-card .record-content h6{color:#2c3e50;margin-bottom:.8rem;font-weight:600}.record-card .record-content .MuiTypography-caption{color:#7f8c8d;display:block}.logout-button{background:linear-gradient(45deg,#ff6b6b,#ff8e53)!important;padding:10px 20px!important;border-radius:8px!important}.logout-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b66!important}.add-button{background:linear-gradient(45deg,#4caf50,#45a049)!important;padding:10px 20px!important;border-radius:8px!important}.add-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066!important}.new-record-dialog .MuiDialog-paper{border-radius:15px;padding:1rem}.new-record-dialog .MuiDialogTitle-root{padding:1.5rem 1.5rem 1rem}.new-record-dialog .MuiDialogContent-root,.new-record-dialog .MuiDialogActions-root{padding:1rem 1.5rem}.new-record-dialog .MuiTextField-root{margin-top:1rem}.new-record-dialog .MuiButton-root{border-radius:8px;padding:8px 16px}.new-record-dialog .MuiButton-root:last-child{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff}.new-record-dialog .MuiButton-root:last-child:hover{box-shadow:0 4px 12px #4caf5033}.new-record-dialog .MuiButton-root:last-child.Mui-disabled{background:#ccc}.entry-detail-container{min-height:100vh;background:linear-gradient(45deg,#f3f4f6,#fff);padding:20px}.entry-detail-content{max-width:800px;margin:0 auto;padding:30px;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.entry-detail-content .back-button{margin-bottom:20px;background:linear-gradient(45deg,#4ecdc4,#45b7af);color:#fff}.entry-detail-content .back-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4ecdc466}.entry-detail-content .entry-title{margin-bottom:10px}.entry-detail-content .entry-metadata{margin-bottom:20px}.entry-detail-content .entry-content{margin:20px 0}.entry-detail-content .comments-section{margin-top:30px}.entry-detail-content .comments-section .comment{padding:15px;margin:10px 0;background:#f8f9fa}.entry-detail-content .comments-section .add-comment{margin-top:20px;display:flex;gap:10px}.entry-detail-content .comments-section .add-comment button{background:linear-gradient(45deg,#4ecdc4,#45b7af);color:#fff}.entry-detail-content .comments-section .add-comment button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4ecdc466}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}