.notes-main-card{background:var(--theme-bg-card);backdrop-filter:blur(var(--theme-blur-amount, 12px));border:1px solid var(--theme-border);border-radius:1rem;padding:1rem;width:100%;display:flex;flex-direction:column;}.notes-main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-shrink:0;}.notes-header-left{display:flex;align-items:center;gap:0.5rem;}.notes-glass-card{background:var(--theme-bg-card);backdrop-filter:blur(var(--theme-blur-amount, 12px));border:1px solid var(--theme-border);border-radius:20px;}.notes-list{flex:1;overflow-y:auto;min-height:0;}.note-card{background:var(--theme-bg-card);backdrop-filter:blur(4px);border:1px solid var(--theme-border);border-radius:12px;padding:1rem;margin-bottom:0.75rem;cursor:pointer;transition:all 0.2s ease;}.note-card:hover{border-color:var(--theme-accent-cyan);box-shadow:var(--theme-shadow-glow);}.note-title-gradient{background:var(--theme-gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;word-break:break-word;}.note-text{color:var(--theme-text-dim);font-size:0.75rem;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}.note-time-text{color:var(--theme-text-muted);font-size:0.7rem;}.attachment-card-filename{display:block;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;max-width:100%;}.notes-actions{display:flex;gap:0.5rem;}.note-edit-btn, .note-delete-btn{padding:0.375rem;border-radius:8px;background:transparent;border:1px solid var(--theme-border);cursor:pointer;transition:all 0.2s ease;}.note-edit-btn i{color:var(--theme-accent-cyan);font-size:0.75rem;}.note-edit-btn:hover{background:var(--theme-accent-cyan-alpha);border-color:var(--theme-accent-cyan);}.note-delete-btn i{color:var(--theme-error);font-size:0.75rem;}.note-delete-btn:hover{background:var(--theme-error-alpha);border-color:var(--theme-error);}.add-note-btn, .manage-attachments-btn{width:1.75rem;height:1.75rem;border-radius:9999px;background:transparent;border:1px solid var(--theme-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;}.add-note-btn i, .manage-attachments-btn i{font-size:0.75rem;transition:transform 0.2s ease;}.add-note-btn i{color:var(--theme-accent-cyan);}.manage-attachments-btn i{color:var(--theme-accent-purple);}.add-note-btn:hover i, .manage-attachments-btn:hover i{transform:scale(1.1);}.notes-buttons-group{display:flex;gap:0.5rem;}.notes-search-wrapper{position:relative;margin-bottom:0.75rem;}.notes-search{width:100%;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:10px;padding:0.5rem 0.75rem 0.5rem 2rem;font-size:0.75rem;color:var(--theme-text-main);outline:none;}.notes-search:focus{border-color:var(--theme-accent-cyan);box-shadow:0 0 0 2px var(--theme-accent-cyan-alpha);}.notes-search::placeholder{color:var(--theme-text-muted);}.notes-search-icon{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);color:var(--theme-text-muted);font-size:0.75rem;}.notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--theme-text-muted);text-align:center;padding:2rem;}.notes-empty i{font-size:1.875rem;margin-bottom:0.5rem;opacity:0.5;}.note-form-panel, .note-detail-panel, .attachments-modal-panel{position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;border-radius:16px;background:var(--theme-bg-card);backdrop-filter:blur(12px);opacity:1;}.note-form-panel.hidden, .note-detail-panel.hidden, .attachments-modal-panel.hidden{display:none;}.notes-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--theme-border);}.notes-panel-title{font-size:1.125rem;font-weight:700;display:flex;align-items:center;color:var(--theme-text-main);}.notes-panel-title i{color:var(--theme-accent-cyan);margin-right:0.5rem;}.notes-absolute-inset{position:absolute;inset:0;border-radius:1rem;}.notes-panel-inner{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;padding:1.25rem;}.notes-detail-inner{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;padding:1.25rem;}.notes-attachment-filters{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1rem;}@media (min-width:640px){.notes-attachment-filters{flex-direction:row;}}.notes-attachment-search-wrapper{position:relative;flex:1;display:flex;align-items:center;}.notes-attachment-search-icon{position:absolute;left:0.75rem;color:var(--theme-text-muted);font-size:0.75rem;}.notes-attachment-search-input{width:100%;padding-left:2rem;}.notes-attachment-select{cursor:pointer;}.notes-attachment-grid-container{flex:1;overflow-y:auto;min-height:0;}.notes-attachments-grid{height:auto;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:0.75rem;padding-right:0.25rem;position:relative;}@media (min-width:640px){.notes-attachments-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}}.notes-attachment-footer{border-top:1px solid var(--theme-border);padding-top:0.75rem;margin-top:0.75rem;display:flex;justify-content:space-between;align-items:center;}.notes-form-scroll{flex:1;overflow-y:auto;padding-right:0.25rem;}.note-form-label{display:block;margin-bottom:0.375rem;color:var(--theme-accent-cyan);font-size:0.75rem;font-weight:500;}.note-form-required{color:var(--theme-accent-orange);}.note-form-input{width:100%;background:var(--theme-bg-overlay-alpha);border:1px solid var(--theme-border);border-radius:8px;padding:0.5rem 0.75rem;font-size:0.875rem;color:var(--theme-text-main);outline:none;}.note-form-input:focus{border-color:var(--theme-accent-cyan);box-shadow:0 0 0 2px var(--theme-accent-cyan-alpha);}.note-form-input::placeholder{color:var(--theme-text-muted);}.note-form-hint{color:var(--theme-text-muted);font-size:12px !important;margin-top:0.25rem;}.notes-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0.25rem;}.notes-form-actions{padding-top:0.75rem;display:flex;justify-content:flex-end;gap:0.75rem;border-top:1px solid var(--theme-border);}.notes-upload-area{margin-bottom:0.75rem;padding:1rem;border-radius:0.5rem;text-align:center;cursor:pointer;transition:all 0.2s ease;border:2px dashed var(--theme-border);background:var(--theme-bg-overlay-alpha);}.notes-upload-area:hover{border-color:var(--theme-accent-cyan);background:var(--theme-accent-cyan-alpha);}.notes-upload-icon{color:var(--theme-accent-cyan);font-size:1.25rem;margin-bottom:0.25rem;opacity:0.6;}.notes-upload-progress{margin-bottom:0.75rem;}.notes-upload-progress.notes-hidden{display:none;}.notes-progress-header{display:flex;justify-content:space-between;margin-bottom:0.25rem;}.notes-progress-bar-bg{width:100%;background:rgba(139, 92, 246, 0.3);border-radius:9999px;height:0.25rem;}.notes-progress-bar-fill{height:0.25rem;border-radius:9999px;transition:width 0.3s ease;background:linear-gradient(90deg, var(--theme-accent-cyan), var(--theme-accent-purple));}.notes-attachments-list{display:flex;flex-direction:column;gap:0.5rem;max-height:8rem;overflow-y:auto;}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:0.5rem;border-radius:8px;background:var(--theme-bg-overlay-alpha);}.notes-attachment-item-info{display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0;}.notes-attachment-item-info i{color:var(--theme-accent-cyan);flex-shrink:0;}.notes-attachment-info{flex:1;min-width:0;}.remove-attachment{padding:0.25rem;background:transparent;border:none;cursor:pointer;color:var(--theme-error);}.remove-attachment i{font-size:0.75rem;}.attachment-card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:0.5rem;padding:0.75rem;height:auto;}.attachment-card:hover{border-color:var(--theme-accent-cyan);}.attachment-card-size{font-size:0.75rem;color:var(--theme-text-muted);}.notes-attachment-card-content{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:0.5rem;}.notes-attachment-card-info{display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0;}.notes-attachment-card-icon{font-size:1.125rem;flex-shrink:0;color:var(--theme-accent-cyan);}.notes-icon-green .notes-icon-yellow{color:var(--theme-accent-cyan);}.notes-attachment-card-name{font-size:0.875rem;font-weight:500;color:var(--theme-text-dim);}.notes-attachment-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid var(--theme-border);}.attachment-card-border{border-color:var(--theme-border);}.notes-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.5rem;}.notes-card-title{font-weight:500;font-size:0.875rem;}.notes-card-preview{font-size:0.75rem;margin-bottom:0.75rem;line-height:1.4;}.notes-card-time{font-size:0.7rem;margin-top:0.5rem;display:flex;align-items:center;gap:0.5rem;}.notes-attachments-preview{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid var(--theme-border);}.notes-attachment-previews{display:flex;flex-wrap:wrap;gap:0.5rem;}.notes-attachment-preview-item{display:flex;align-items:center;gap:0.25rem;}.attachment-filename-max{max-width:100px;}.attachment-icon{color:var(--theme-accent-cyan);}.notes-hint-text{font-size:0.75rem;}.notes-save-icon{margin-right:0.375rem;font-size:0.75rem;}.note-detail-container{position:absolute;inset:0;height:100%;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;}.note-detail-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--theme-border);}.note-detail-title-text{font-size:1.125rem;font-weight:700;background:var(--theme-gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}.note-detail-content-scroll{flex:1;min-height:0;overflow-y:auto;padding:1.25rem;}.note-detail-section{background:var(--theme-bg-overlay-alpha);border-radius:12px;padding:0.75rem;margin-bottom:1rem;}.note-detail-label{font-size:0.7rem;color:var(--theme-accent-cyan);margin-bottom:0.5rem;}.note-detail-title-value{font-size:1rem;font-weight:600;color:var(--theme-text-main);}.note-detail-content-value{font-size:0.875rem;color:var(--theme-text-dim);white-space:pre-wrap;}.note-detail-footer{display:flex;justify-content:flex-end;gap:0.75rem;padding:1rem 1.25rem;border-top:1px solid var(--theme-border);}.note-detail-time-row{font-size:14px;color:var(--theme-text-dim);}.note-detail-meta-label{color:var(--theme-accent-cyan);font-size:0.7rem;}.note-detail-meta-value{color:var(--theme-text-dim);font-size:0.7rem;}.note-detail-count{font-size:0.7rem;color:var(--theme-text-muted);}.note-detail-attachments-list{display:flex;flex-direction:column;gap:0.5rem;}.note-detail-attachment-item{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;padding:0.5rem;border-radius:8px;background:var(--theme-bg-overlay-light);}.note-detail-attachment-info{display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0;}.note-detail-attachment-info i{flex-shrink:0;color:var(--theme-accent-cyan);}.note-detail-attachment-name{font-size:0.75rem;color:var(--theme-text-dim);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;}.note-detail-attachment-size{font-size:10px;color:var(--theme-success);flex-shrink:0;}.note-detail-attachment-download{flex-shrink:0;padding:0.25rem;color:var(--theme-accent-cyan);cursor:pointer;background:none;border:none;}.note-detail-attachment-download:hover{transform:scale(1.1);color:var(--theme-primary-light);}.note-form-cancel-btn, .note-form-submit-btn, .note-detail-close-btn, .note-detail-edit-btn, .attachment-download-btn, .attachment-delete-btn{padding:0.375rem 1rem;border-radius:8px;font-size:0.875rem;cursor:pointer;transition:all 0.2s ease;background:transparent;border:1px solid var(--theme-border);color:var(--theme-accent-cyan);}.note-form-cancel-btn:hover, .note-form-submit-btn:hover, .note-detail-close-btn:hover, .note-detail-edit-btn:hover{background:var(--theme-accent-cyan-alpha);border-color:var(--theme-accent-cyan);}.attachment-delete-btn{color:var(--theme-error);border-color:var(--theme-error-alpha);}.attachment-delete-btn:hover{background:var(--theme-error-alpha);border-color:var(--theme-error);}.attachment-download-btn{color:var(--theme-accent-cyan);}.attachment-download-btn, .attachment-delete-btn{padding:0.25rem 0.5rem;font-size:0.75rem;}.note-preview-text, .note-empty-content, .note-empty-text, .note-more-text{color:var(--theme-text-muted) !important;font-size:12px;}.attachment-filename, .note-filename{color:var(--theme-text-dim) !important;font-size:12px;}.note-status-pending{color:var(--theme-warning) !important;font-size:10px;}.note-status-success{color:var(--theme-success) !important;font-size:10px;}.notes-title{font-weight:500;font-size:0.875rem;color:rgba(0, 0, 0, 0);background:var(--theme-gradient-primary);-webkit-background-clip:text;background-clip:text;}.notes-title-icon{color:var(--theme-accent-cyan);font-size:1rem;}.note-attachments-preview .fa-paperclip{font-size:12px;}.notes-text-center{text-align:center;}.notes-py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.notes-py-8{padding-top:2rem;padding-bottom:2rem;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;font-size:14px;}.notes-py-8 i{font-size:1.875rem;margin-bottom:0.5rem;opacity:0.5;color:var(--theme-text-muted);}.notes-py-8 p{color:var(--theme-text-muted);}.notes-mt-1{margin-top:0.25rem;}.notes-text-small{font-size:0.75rem;}.notes-empty-icon{font-size:2.5rem;margin-bottom:0.75rem;opacity:0.5;color:var(--theme-accent-cyan);}.notes-animate-shake{animation:notesShake 0.5s ease-in-out;}@keyframes notesShake{0%, 100%{transform:translateX(0);}25%{transform:translateX(-5px);}75%{transform:translateX(5px);}}.notes-spinner-icon{margin-right:0.375rem;}.notes-input-error{border-color:var(--theme-error) !important;}.hidden, .notes-hidden{display:none;}.attachments-modal-panel #attachment-type-filter{flex-shrink:0;width:auto;min-width:120px;}.attachments-modal-panel .relative.flex-1{flex:1;min-width:0;}.attachments-modal-panel #search-attachments{padding:0.5rem 2rem;width:100%;}.notes-list, .notes-main-card{overflow-x:hidden;}.note-card{max-width:100%;overflow-x:hidden;word-wrap:break-word;}.note-title-gradient, .notes-card-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.notes-card-header{overflow:hidden;gap:0.5rem;}.notes-card-header h4{flex:1;min-width:0;}.notes-attachment-preview-item{min-width:0;max-width:100%;overflow:hidden;}.attachment-filename-max{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.notes-attachment-previews{flex-wrap:wrap;min-width:0;}.notes-form-title-icon{color:var(--theme-accent-cyan);font-size:1rem;}.form-title-gradient{background:var(--theme-gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}@media (max-width:768px){.note-card{padding:0.75rem;}.notes-card-title{font-size:0.8rem;}.attachment-filename-max{max-width:60px;}.notes-attachment-preview-item{max-width:calc(50% - 0.25rem);}.notes-actions{flex-shrink:0;}}