.notes-page{background:#f5f7fb;padding:15px}.card-header{background:#fff;border-bottom:1px solid #eee;font-weight:600}.card-body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.notes-card{height:80vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:14px;background:#fff;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.06);box-shadow:0 10px 30px rgba(0,0,0,.06);border:none}.notes-header{background:linear-gradient(135deg,#f8fafc,#eef2f7);border-bottom:1px solid #e5e7eb;padding:14px 18px}.notes-header h5{margin:0;font-weight:600;color:#334155}.cke{border-radius:10px!important;overflow:hidden}.editor-footer{padding:12px 16px;border-top:1px solid #eee;background:#fafafa;position:sticky;bottom:0}.btn-save{border-radius:8px;padding:8px 22px;font-weight:500}.notes-timeline{padding:16px;overflow-y:auto;background:#f9fafb}.note-item{background:#fff;border-radius:12px;padding:14px 16px;margin-bottom:14px;-webkit-box-shadow:0 4px 14px rgba(0,0,0,.05);box-shadow:0 4px 14px rgba(0,0,0,.05);-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}.note-item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-transition:.2s ease;transition:.2s ease}.note-content{font-size:14px;color:#1f2937}.note-content img{max-width:100%;border-radius:8px;margin-top:8px}.note-time{font-size:11px;color:#6b7280;margin-top:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.empty-state{text-align:center;color:#9ca3af;margin-top:50px;font-size:14px}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}